Lightning Web Components (LWC)

Build reusable UI components using this lightweight, open-source framework. LWC leverages custom elements, templates, shadow DOM, decorators, modules, and other new language constructs available in ECMAScript 7 and beyond.
Read More
Developer Guide

Lightning Web Components

Use the Lightning Web Components (LWC) framework to build custom user interfaces, web and mobile apps, and digital experiences on the Salesforce Platform.
 Read More
Interactive Documentation

Lightning Component Reference

Learn about the latest base components and how you can use them to speed up development
 Read More
Developer Guide

Salesforce Extensions for Visual Studio Code

Learn how to install and use the Salesforce extensions for VS Code.
 Read More
Developer Guide

Lightning Web Components Open Source 

Learn how to use LWCs in standard web apps.
 Read More
Developer Guide

Security for Lightning Components

Learn how to build secure LWCs and Aura components that work with Lightning Web Security (LWS) or the legacy architecture Lightning Locker.
All Docs

Documentation

Salesforce CLI

Use a single command-line interface for the Salesforce Platform and all Salesforce DX features.

Salesforce Extensions for VS Code

Access tools for developing on the Salesforce Platform in the lightweight, extensible VS Code editor.

Salesforce Code Analyzer 

Analyze your source code to ensure it meets code quality standards.

SLDS Linter

Learn how to check your components for compliance with Salesforce Lightning Design System (SLDS) guidelines.

SLDS Validator

Learn how to validate your components against SLDS guidelines or use the auto-complete feature to scan your code as you write it.

LWS Console

Check your JavaScript code’s compatibility with Lightning Web Security (LWS).

LWS Distortion Viewer

Look up details for distortions of the JavaScript APIs that LWS blocks or modifies.

Locker Console

Check your JavaScript code’s compatibility with Lightning Locker.

Locker API Viewer

Learn which standard DOM APIs are supported by Lightning Locker.

Tools
Trail

Build Lightning Web Components 

7475 PointsDevelop reusable Lightning Web Components using JavaScript and HTML.
Module

Lightning Web Components for Visualforce Developers 

1300 PointsDiscover how your Visualforce knowledge applies to Lightning Web Components.
Superbadge

Lightning Web Components Specialist 

16000 PointsShowcase your mastery of Lightning Web Components by building a sophisticated app.
Project

Quick Start: Explore the Lightning Web Components OSS Recipes Sample App 

200 PointsDeploy and discover the Lightning Web Components Open Source (OSS) Recipes Sample App.
All Trailhead Modules

Trailhead

Lightning Web Components Recipes 

A collection of easy-to-digest code examples for Lightning Web Components on Salesforce Platform. Each recipe demonstrates how to code a specific task in about 30 lines of code or less. A View Source link takes you right to the code in GitHub. From Hello World to data access and third-party libraries, there is a recipe for that!

E-Bikes 

Sample retail application. This application helps E-Bikes, a fictitious electric bicycle manufacturer, manage their products and reseller orders using a rich User Experience. Explore this application, that also integrates with Salesfoce Communities, and learn how to build rich User Experiences with Lightning Web Components using different data access strategies.

Dreamhouse 

Sample real estate application. DreamHouse is a fictitious real estate company. This application helps DreamHouse brokers manage their properties and their customers. The application also helps prospective home buyers find their dream house via a custom mobile app. Regardless of the industry you work in, this app demonstrates how to build rich and immersive user experiences with Lightning Components.

Lightning Web Components Recipes OSS 

A collection of easy-to-digest code examples for Lightning Web Components Open Source. Each recipe demonstrates how to code a specific task in about 30 lines of code or less. A View Source link takes you right to the code in GitHub. From Hello World to data access and third-party libraries, there is a recipe for that!

Visualforce to Lightning Web Components 

This collection of code examples helps you move from Visualforce to Lightning Web Components. Each example shows a typical Visualforce pattern and its equivalent LWC implementation. On each example, there's a link that takes you right to the Visualforce or LWC code in GitHub. Heavy usage of base components and features, such as Lightning Data Service.
All Code Samples

Code Samples