Skip to main content

​
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:
1

Open your overlay

Go to the overlay editor
2

Add a layer

Click the + button
3

Find the extension

Scroll to find the extension or search by name
4

Add to overlay

Click to add the extension layer
5

Configure

Adjust the extension’s settings

​
Creating Extensions

Want to create your own extensions?
1

Go to My Extensions

In the dashboard, click Extensions → My Extensions
2

Create Extension

Click Create Extension
3

Build your layer

Build your custom layer type
4

Share with others

Share your extension with specific users via the Access tab

​
Extension Types

TypeDescription
LegacyRaw HTML/CSS/JS running in an iFrame sandbox
Vision SDKReact 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.

Developer Docs: Extensions SDK

Learn how to build extensions with the Vision SDK

​
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.