Lightning Web Components for Mobile

Build, preview, and debug mobile-ready Lightning web components that perform well across your mobile experiences. Use virtual device builds to verify that your LWC components work with other Salesforce components.
Read More
Developer Guide

Lightning Web Components Developer Guide

Lightning Web Components is the latest and best Salesforce Platform UI customization framework. LWCs make it easy for you to develop features for desktop and mobile users using the same technology.
 Read More
Developer Guide

Create Mobile-Ready Components

Build components that perform well across mobile experiences. These guidelines are best practices, not rules. Consider them carefully, but go your own way when required by specific situations.
 Read More
Developer Guide

LWC Offline

LWC Offline is an advanced runtime environment for Lightning web components. Available only for mobile devices, it replaces the standard Lightning components runtime, and augments it with features designed specifically for mobile and offline use.
 Read More
Design Guidelines

Accessible Mobile Design Guidelines 

Lightning Design System provides user experience (UX) patterns and visual affordances to provide a consistent UX for all users, whether they’re navigating with desktop, mobile, or accessibility interfaces.
 Read More
Salesforce Help

Mobile Publisher 

Mobile Publisher lets you brand your version of the Salesforce mobile app or Experience Cloud sites. Your app icon, name, colors, and—most importantly—your own listing in Google and Apple app stores.
All Docs

Documentation

Tools for Lightning Web Components Mobile Development

When developing Lightning web components, inspect your components’ presentation not only on the desktop, but also on mobile devices. Preview your components on virtual mobile devices and see changes as you code with the Salesforce CLI Mobile Extensions plug-in. Download and run virtual device builds of the Salesforce mobile app to preview how your components work with other components in Salesforce.

Mobile Debugging Tools

Powerful tools and resources to enable you to preview your Lightning web components for mobile. Preview locally or within the Salesforce mobile app virtual device builds.

UTAM Mobile Inspector 

UTAM Mobile Inspector presents you with the appropriate set of Page Objects for the page that you're currently browsing, and identifies which page elements are affected by the methods in a selected Page Object.

Tools
Trail

Transform Your Business with Mobile 

3500 PointsLearn how mobile apps can transform your business and improve employee productivity.
Trail

Build Lightning Web Components 

7875 PointsDevelop reusable Lightning web components using JavaScript and HTML.
Trail

Get Started with Mobile Application Security Engineering 

600 PointsPrepare for a career as a mobile application security engineer.
All Trailhead Modules

Trailhead

LWC Mobile Samples 

Sample projects and apps that let you preview Lightning web components multiple ways. This repo include Lightning Web Component projects and native mobile apps. The native apps are configured to recognize and display a component running on a local server.

Dreamhouse 

Sample real estate application. DreamHouse is a fictitious real estate company. This application helps DreamHouse brokers manage their properties and their customers. Brokers can also use the application on the Salesforce mobile app to help manage their property portfolio. Regardless of the industry you work in, this app demonstrates how to build rich and immersive user experiences with Lightning Components.
All Code Samples

Code Samples