> ## Documentation Index
> Fetch the complete documentation index at: https://docs.1up.vision/llms.txt
> Use this file to discover all available pages before exploring further.

# Custom Layer Extensions

> Create custom overlay layers or use extensions shared by developers. Extend Vision beyond built-in layer types.

## What are Extensions?

Extensions are custom layer types that extend Vision's functionality beyond the built-in layers. You can create your own extensions or use extensions that developers share with you.

***

## Extension Tabs

### My Extensions

Extensions you've created.

### Installed

Extensions you've installed and can use in your overlays.

### Access

Extensions that developers have shared with you.

***

## Using Extensions

Once an extension is installed or shared with you, it appears as a layer type:

<Steps>
  <Step title="Open your overlay">Go to the overlay editor</Step>
  <Step title="Add a layer">Click the **+** button</Step>

  <Step title="Find the extension">
    Scroll to find the extension or search by name
  </Step>

  <Step title="Add to overlay">Click to add the extension layer</Step>
  <Step title="Configure">Adjust the extension's settings</Step>
</Steps>

***

## Creating Extensions

Want to create your own extensions?

<Steps>
  <Step title="Go to My Extensions">
    In the dashboard, click **Extensions → My Extensions**
  </Step>

  <Step title="Create Extension">Click **Create Extension**</Step>
  <Step title="Build your layer">Build your custom layer type</Step>

  <Step title="Share with others">
    Share your extension with specific users via the Access tab
  </Step>
</Steps>

### Extension Types

| Type           | Description                                                  |
| -------------- | ------------------------------------------------------------ |
| **Legacy**     | Raw HTML/CSS/JS running in an iFrame sandbox                 |
| **Vision SDK** | React components running in a Web Worker with SDK primitives |

New extensions should use the **Vision SDK** for type safety, consistent UI, and built-in storage sync.

<Card title="Developer Docs: Extensions SDK" icon="cube" href="/extensions-sdk/overview">
  Learn how to build extensions with the Vision SDK
</Card>

### What Extensions Can Do

* Render custom graphics
* Accept configuration options
* Integrate with external APIs
* Respond to overlay events

***

## Managing Extensions

### Uninstalling

1. Go to **Extensions → Installed**
2. Find the extension
3. Click **Uninstall**

Note: Removing an extension removes its layers from your overlays.