Skip to main content

Build on Vision

These docs are for developers who want to extend Vision: write custom overlay widgets, build extensions with the Vision SDK, style tournaments with CSS, or read channel data from the Vision Stats API. Looking for help with using Vision itself – overlays, OBS, chatbot, events? Head to the Vision help center or the OBS guides.

Custom Widgets

Run HTML, CSS and JavaScript as an overlay layer, use the window.Vision API or import StreamElements custom widgets.

Extensions SDK

Build custom layer types in React with the Vision SDK – settings panels, OBS layers, interactive pages and server functions.

Tournament CSS

Design tournament overlays and Custom Games with your own CSS.

Vision Stats API

Leaderboards, streamer profiles, stream stats and events for Twitch channels.

Start an extension in a minute

The CLI scaffolds a ready-to-go project and registers your extension. Continue with Getting started.

Need help?