1 / 3Built interface — Channel panels
Overview
Panels & Widgets Kit is the set of small pieces that sit around a stream rather than the scenes themselves. It covers the 320 pixel wide channel panels for about, schedule, rules, specs, socials and donate, and the widgets that run inside OBS browser sources: a chat box, a goal bar, a recent-events ticker, a countdown and a now-playing strip. Panels are PSD with editable text; widgets are plain HTML, CSS and JavaScript.
Each widget takes its data from a StreamElements or Streamlabs widget URL, or from a local JSON file you edit by hand, so nothing depends on a service we host. Colours, fonts, corner radius and animation speed live in one config block at the top of each file. Six colour variants are included and a fresh variant is a matter of changing three values. Everything is sized for a 1920 by 1080 canvas and scales cleanly to 1440p.
The kit is maintained as an update plan. When an OBS release changes browser source behaviour, or when StreamElements or Streamlabs change a widget field, the affected file is revised and the new version appears in your Gaming Library. Setup notes cover adding each widget as a browser source, the local file option, and how to keep the panels within Twitch's current size and file limits. Files are delivered by hand after payment.
What you get
- Twelve channel panel designs at 320 pixels wide as layered PSD with editable text
- Chat box widget with name colours, badges and a fade-out timer as HTML
- Goal bar widget for follows, subs or tips with animated fill
- Recent-events ticker and countdown widgets as OBS browser sources
- Now-playing strip that reads a local text file written by your music player
- Six colour variants for every panel and widget plus a config block for your own
- Setup notes for OBS browser sources, local files and Twitch panel limits
Eligible resources
The plan covers these resource types. Individual resources are listed in your Gaming Library as they publish.
- Channel panels
- Chat widgets
- Goal bars
- Event tickers
- Countdowns
- Setup notes
Features
- Runs from your files
- Every widget is a local HTML file that reads a widget URL or a JSON file you edit, so nothing depends on hosting we run.
- Three values per variant
- Colours, font and radius sit in one config block at the top of each file, so a new channel colour is a short edit.
- Revised as OBS changes
- When an OBS release or a widget service changes something the kit relies on, the affected file is revised and reissued to your library.
Compatibility and requirements
Works with
- OBS Studio 29 or later browser sources
- StreamElements and Streamlabs widget URLs for chat, goals and events
- Twitch panel size of 320 pixels wide, Kick and YouTube about sections
- Photoshop or Affinity Photo for the panel PSDs
You need
- OBS Studio or Streamlabs Desktop on your streaming PC
- A text editor for the widget config blocks
Updates and content cadence
- The full panel and widget set from your first day
- Widget revisions when OBS releases change browser source behaviour
- Fixes when StreamElements or Streamlabs change a widget field
- New colour variants added as they are produced
License
- Licensed for your own community, server, team or channel.
- You may edit and publish the designs for that community.
- Reselling the files or offering them as templates is not permitted.
Installation
- 1Download Panels & Widgets Kit from your Gaming Library.
- 2Unzip the kit and open setup.md for the browser source settings of each widget.
- 3Add each widget HTML file as an OBS browser source using the local file option.
- 4Paste your StreamElements or Streamlabs widget URL into the config block, or point it at the local JSON file.
- 5Edit the panel PSDs, export as PNG and upload them to your channel's panel section.
If you cancel
- Access and updates continue until the end of the period you paid for.
- The licence to publish the panels and widgets ends with the subscription.
- Your own edits and exports stay with you.
More from DistroSource Gaming
Browse all
3Creator & BrandingPanels & Widgets
OBS Scene Collections
Complete OBS scene collections with scenes, sources, hotkeys, transitions and filters pre-wired for gaming, chatting and podcast formats, with an import guide and revisions for OBS releases.
- Scene setups
- OBS
- Update plan
View details$9/mo
Subscription
3Creator & BrandingBrand Kits
Community Brand Kit
A monthly kit of editable logos, Discord banners, stream overlays and social templates.
- Branding
- Discord
- Overlays
View details$24/mo
Subscription
3Creator & BrandingEsports Graphics
Esports Team Kit
Match-day posters, roster cards, scoreboards and stream graphics for esports teams, with new sets every month.
- Esports
- Match graphics
- Team
View details$91/mo
Subscription
$8/mo
Panels & Widgets Kit
