From zero to on air.

Bring your widget into StreamElements.

For an automatic install, open the import link from your receipt, choose your channel, and save the overlay. For the free starter, download and unzip the package, open My Overlays, create an overlay, then add a Custom Widget. Paste each source file into its matching HTML, CSS, JS, and Fields tab.

Give it your signature.

Use the Fields tab for colors, goal values, and labels. Preview your changes before saving. For more detailed edits, back up the files before changing CSS or JavaScript.

Add your source. Go live.

Copy your saved overlay URL. In OBS, choose Sources → Add → Browser. Paste the URL and use these settings.

Use the StreamElements emulator to test your widget. If it is missing, save the overlay and refresh the Browser Source cache in OBS.