Streamelements Custom Widgets

Widgets created by me (or at least the ones I tried to create) for Streamelements overlays.

Those widgets are mainly for Twitch streamers.

How to install:

You have two options to install the widget on your account, use the one you feel beter:

Option 1 (recommended):

Click on the link in the description of each widget for 1-click install.

This will create a new overlay in your Streamelements account.

You can just use the overlay created and add to your OBS, or edit the overlay and duplicate the widget to an overlay you already have. After that, you can remove the overlay that was created when you clicked on the link

Option 2:

Go to the Github repository and copy each content to the specific tab in a Custom Widget:

1. Create a custom widget on Streamelements Overlay Editor (+ icon > Static/Custom > Custom widget)
2. Click on Open Editor
3. Replace each tab with the respective content

Each folder will contain 4 files:

widget.html

widget.css

widget.js

widget.json

Each file goes directly to the corresponding tab in the custom widget on Streamelements. The only difference is the widget.json, which should be copied to FIELDS tab.

How to reset the fields:

In case you want to reset the configuration of the widget to its default, you can go to DATA tab and replace the contents with { }