> Portal Navigation:
> 
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt

## Resource: Custom Elements vs. Editor React Components

## Article: Choose Custom Elements or Editor React Components for Your App

## Article Link: https://dev.wix.com/docs/build-apps/develop-your-app/extensions/site-extensions/custom-elements-vs-editor-react-components.md

## Article Content:

# Custom Elements vs. Editor React Components

[Custom elements](https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/site/custom-elements/add-a-custom-element-extension-with-the-wix-cli.md) and [Editor React Components](https://dev.wix.com/docs/build-apps/develop-your-app/extensions/site-extensions/editor-react-components/about-editor-react-components.md) are two ways to build interactive components that Wix users can add to their sites. Custom elements work across all Wix editors, while Editor React Components are designed for Wix Harmony, Wix's AI-powered editor. 

## Comparison at a glance

| | Custom Elements | Editor React Components |
|---|---|---|
| **Editor support** | Wix Studio, Wix Editor, Wix Harmony | Wix Harmony |
| **Panels & controls** | You must build them from scratch | Automatically generated from the component manifest |
| **AI-first features** | No | Yes |

## Custom Elements

Custom elements use the web components standard to build interactive components with custom HTML elements. Accompanying settings panels must be built manually. Custom elements are available on Wix Studio, Wix Editor, and Wix Harmony. Best for apps that need to reach users across all Wix editors.

Learn more about [building with custom elements](https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/site/custom-elements/add-a-custom-element-extension-with-the-wix-cli.md).

## Editor React Components

Editor React Components are an AI-first feature available exclusively to developers [building apps for Wix Harmony](https://dev.wix.com/docs/build-apps/get-started/overview/about-wix-harmony-and-apps.md), Wix's new AI-powered site editor. Harmony is built on a technical architecture that's different from previous editors, and Editor React Components are designed to take full advantage of it.

Editor React Components use the React framework to build components that give third-party developers the same panels, controls, and capabilities available to internal Wix developers. Settings panels and controls are automatically generated from the component manifest, meaning full parity with native Wix components, easier theme connections, and the ability to create highly customized experiences with standard React and CSS patterns.

Learn more about [building with Editor React Components](https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/site/editor-react-components/add-an-editor-react-component-extension-with-the-wix-cli.md).

## See also

- [About Site Extensions in the Wix CLI](https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/site/about-site-extensions-in-the-wix-cli.md)
- [Create a Settings Panel for a Custom Element](https://dev.wix.com/docs/build-apps/develop-your-app/extensions/site-extensions/create-a-settings-panel-for-a-site-widget-or-plugin-wix-cli-and-self-hosting.md)