---
schema_version: "1"
id: aed20544e27734c5572493810e8689e8ead31b24654f774a573b21f7b2d4a261
title: Custom Lightning Page Components
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/lightning_page_components_custom.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.lightning_page_components_custom.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 5e3d525b8987c29dea941692b3703c77a312c17b26e4da0f16b482212a337f1a
description: The Lightning App Builder supports custom Lightning components that you create either with Aura or Lightning web components (LWC).
products:
  - Salesforce Platform
  - Security
release: "264"
---
# Custom Lightning Page Components

The Lightning App Builder supports custom Lightning components that you create either with Aura or Lightning web components (LWC).

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition">
      <colgroup>
        <col>
      </colgroup>
      <tbody>
        <tr class="">
          <td class="slds-cell-wrap" style="vertical-align:top;">Lightning App Builder available in: both Salesforce Classic and Lightning
            Experience</td>

        </tr>
        <tr class="">
          <td class="slds-cell-wrap" style="vertical-align:top;">Lightning Home and utility bar pages available in: Lightning Experience</td>

        </tr>
        <tr class="">
          <td class="slds-cell-wrap" style="vertical-align:top;">Lightning app and record pages available in: both the Salesforce mobile app and
            Lightning Experience</td>

        </tr>
        <tr class="">
          <td class="slds-cell-wrap" style="vertical-align:top;">Email application pane pages available in: both Salesforce Classic and
            Lightning Experience</td>

        </tr>
        <tr class="">
          <td class="slds-cell-wrap" style="vertical-align:top;">
            <p style="margin-bottom:0;">Available in: <strong>Group</strong>, <strong>Essentials</strong>, <strong>Professional</strong>,
              <strong>Enterprise</strong>, <strong>Performance</strong>, <strong>Unlimited</strong>, and <strong>Developer</strong>
              Editions
            </p>
          </td>

        </tr>
      </tbody>
    </table>

Custom components in your org that are configured for use in the Lightning App Builder appear in the Lightning Components pane.

![Lightning App Builder component pane](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/lightning_app_builder_component_pane.png)

If you have a page to be used in the Salesforce mobile app, use only Lightning components that the mobile app supports.

Your custom Lightning components don’t automatically work on Lightning pages or in the Lightning App Builder. To make a custom component usable in both, configure the component and its component bundle so that they’re compatible with the Lightning App Builder and Lightning pages.

For Aura components, see the [Lightning Aura Components Developer Guide](https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/components_config_for_app_builder.htm). For Lightning web components (LWC), see the [Lightning Web Components Developer Guide](https://developer.salesforce.com/docs/component-library/documentation/lwc).

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/images/icon_note.png)

Note Custom components that serve as containers, such as custom Tabs or Accordion components, aren’t supported in Lightning App Builder. They display on the canvas, but you can’t interact with them or put any components inside them.

You can configure custom components to support different devices. For instance, you have a record page whose template supports both phone and desktop, and you activate the page for both. Then you add a phone-only component to the page. When the page is viewed on a phone, users see the component. When the page is viewed on a desktop, the phone-only component doesn’t appear.

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/images/icon_note.png)

Note Pull to refresh doesn’t work for custom Lightning web components in the Salesforce mobile app.

#### See Also

- [Standard Lightning Page Components](https://help.salesforce.com/s/articleView?id=platform.lightning_page_components.htm&release=264.0.0&type=5 "Standard components are Lightning components built by Salesforce. Several standard components are available when creating Lightning pages.")