---
schema_version: "1"
id: 1027da3006bf459f529fa8d127984cbef246d1700504d93e77e147b671dbf1ca
title: Omnistudio Lightning Web Components
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_omnistudio_lightning_web_components_58153.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_lightning_web_components_58153.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 3515889f20859c8434706dd8c526aa5f9fdd3ea4e44132bd225ac148decc3fb3
description: Take advantage of Omnistudio's declarative 'clicks not code' approach to building and modifying your applications with the Omnistudio Lightning Web Components. With Omnistudio Lightning Web Components, use standard JavaScript and HTML to modify and extend Vlocity products.
products:
  - Omnistudio
release: "264"
---
# Omnistudio Lightning Web Components

Take advantage of Omnistudio's declarative 'clicks not code' approach to building and modifying your applications with the Omnistudio Lightning Web Components. With Omnistudio Lightning Web Components, use standard JavaScript and HTML to modify and extend Vlocity products.

Omnistudio Lightning Web Components are:

- Fast and Lightweight. Runs natively in browsers and is independent from JavaScript frameworks.
- Reusable.Omnistudio Lightning Web Components use [web components](https://www.webcomponents.org/introduction) to create reusable custom HTML elements. Custom elements wrap functionality, protecting components from other styles and scripts on the page.

While some Omnistudio Lightning web components appear in the Community and App Builders, they differ from the Omnistudio Lightning Components that also appear in the builders. Omnistudio Lightning Web Components follow the same standards as Salesforce's Lightning Web Components. For more information on Lightning Web Component standards, see [Lightning Web Components](https://developer.salesforce.com/docs/component-library/documentation/lwc).

## Omnistudio Lightning Web Components Reference

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col>
          <col>
          <col>
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d66935e101">
              <p style="margin-bottom:0;">Component Type</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d66935e107">
              <p style="margin-bottom:0;">Description</p>
            </th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d66935e113">
              <p style="margin-bottom:0;">References</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Component Type" class="slds-cell-wrap" style="vertical-align:top;" headers="d66935e101 ">
              <p style="margin-bottom:0;">Base</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d66935e107 ">
              <p style="margin-bottom:0;">Basic components used by the entire Vlocity platform. Extend or modify
                base components to customize appearance and behavior.</p>
            </td>

            <td data-label="References" class="slds-cell-wrap" style="vertical-align:top;" headers="d66935e113 ">
              <p style="margin-bottom:0;">ReadMes: <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_base_omnistudio_lwc_readme_reference_58383.htm&amp;release=264.0.0&amp;type=5" title="View examples, and learn about available attributes, methods, and other functions from the ReadMes of each Base Omnistudio Lightning web component.">Base Omnistudio LWC ReadMe Reference</a>
              </p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Component Type" class="slds-cell-wrap" style="vertical-align:top;" headers="d66935e101 ">
              <p style="margin-bottom:0;">Omniscript</p>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d66935e107 ">
              <p style="margin-bottom:0;">Components specific to Omniscript.</p>
            </td>

            <td data-label="References" class="slds-cell-wrap" style="vertical-align:top;" headers="d66935e113 ">
              <p style="margin-bottom:0;">ReadMes: <a href="https://help.salesforce.com/s/articleView?id=xcloud.os_omniscript_readme_reference_24281.htm&amp;release=264.0.0&amp;type=5" title="This page lists the Lightning web components ReadMes available for Omniscripts. Extend Lightning web components to add custom behavior and styling.">Omniscript ReadMe Reference</a>
              </p>
            </td>

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

- **[Set Up Lightning Web Components](https://help.salesforce.com/s/articleView?id=xcloud.os_set_up_lightning_web_components_58209.htm&release=264.0.0&type=5)**  
    To manage and develop Omnistudio Lightning web components, use Visual Studio Code with Salesforce DX and the SF CLI. Use to deploy components from one sandbox or dev org to another, such as a production org.
- **[Extend Omnistudio Lightning Web Components](https://help.salesforce.com/s/articleView?id=xcloud.os_extend_omnistudio_lightning_web_components_58224.htm&release=264.0.0&type=5)**  
    Customize the behavior and styling of an application by extending Omnistudio Lightning web components. For example, override properties, add other components, or insert HTML.
- **[Deploy Lightning Web Components](https://help.salesforce.com/s/articleView?id=xcloud.os_deploy_lightning_web_components_58289.htm&release=264.0.0&type=5)**  
    Deploy new Lightning web components or change existing components from your local development environment with Visual Studio and Salesforce DX or IDX Workbench.
- **[Base Omnistudio LWC ReadMe Reference](https://help.salesforce.com/s/articleView?id=xcloud.os_base_omnistudio_lwc_readme_reference_58383.htm&release=264.0.0&type=5)**  
    View examples, and learn about available attributes, methods, and other functions from the ReadMes of each Base Omnistudio Lightning web component.