The online Trailblazer Community becomes read-only Oct 30, 2026.
Read MoreLightning 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.
Documentation
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.
Interactive Documentation
Lightning Component Reference
Learn about the latest base components and how you can use them to speed up development.
Developer Guide
Salesforce Extensions for Visual Studio Code
Learn how to install and use the Salesforce extensions for VS Code.
Developer Guide
Lightning Web Components Open Source
Learn how to use LWCs in standard web apps.
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.
Tools
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.
Trailhead
Trail
Build Lightning Web Component
Develop reusable Lightning Web Components using JavaScript and HTML.
Module
Lightning Web Components for Visualforce Developers
Discover how your Visualforce knowledge applies to Lightning Web Components.
Code Samples
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 Salesforce 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. The examples demonstrate heavy usage of base components and features, such as Lightning Data Service.
Get timely developer updates delivered to your inbox.
Sign up to receive the monthly Salesforce Developer Newsletter so you never miss the latest announcements, blogs, videos, or Agentforce NOW events.