Skip to main content
Transform your streams with professional, real-time widgets that update automatically. All widgets work seamlessly with OBS browser sources and update in real-time as your stream data changes.
All widgets support customizable styling via URL parameters and work with transparent backgrounds.

​
Widget Visualizer

The Widget Visualizer is your one-stop shop for creating, previewing, and managing OBS widgets. Access it at livesuite.app/visualizer/ to build custom widgets with live previews. Interactive Builder:
  • Choose from 7 widget types
  • Type-specific configuration forms
  • Real-time validation
  • Color picker with hex input
  • Live preview as you configure
Preview System:
  • Multiple preview sizes (small, medium, large, fullscreen)
  • Real-time data updates
  • Demo mode without authentication
  • Shows exactly how it’ll look in OBS
Save & Load (Authenticated Users):
  • Save widgets to your account
  • Name your widgets
  • Set widgets as public or private
  • Edit, duplicate, or delete saved widgets
  • Access from your dashboard
You can test widgets in demo mode without signing in. Sign in to save your configurations for later.

​
Setting Up in OBS

Setting up widgets in OBS is straightforward: Step 1: Get Your Widget URL Use the Widget Visualizer or copy a widget URL from the individual widget pages. Each widget page has example URLs you can customize. Step 2: Add Browser Source
  1. In OBS Studio, right-click in your Sources panel
  2. Select Add → Browser Source
  3. Give it a name (e.g., “Stream Timer”)
  4. Click OK
Step 3: Configure
  1. URL: Paste your widget URL
  2. Width: Set to 1920 (or your stream resolution width)
  3. Height: Set to 1080 (or your stream resolution height)
  4. Check Shutdown source when not visible
  5. Click OK
Step 4: Position and Size Your widget appears in the preview. Drag it to position, resize by dragging corners, and adjust as needed.
For overlays, smaller sizes work better. Try starting with 400-600px width.

​
Widget Features

All widgets share these capabilities:
  • OBS Browser Source Compatible - Works directly with OBS Studio
  • Real-Time Updates - Data refreshes automatically
  • Customizable Styling - Adjust colors via URL parameters
  • Transparent Backgrounds - Perfect for overlays
  • Responsive Sizing - Works on any screen size
  • Always Current - Updates quickly without lag

​
Widget Examples

Here are a few examples of widgets in action: Stream Timer:
Market Cap Goal:
Token Stats:

​
Available Widgets

Stream Timer

Track streaming duration with a formatted timer

Market Cap Goal

Show progress toward a market cap milestone

Creator Fees Goal

Track creator fees toward a goal amount

Holder Count

Display real-time holder count and growth

Token Stats

All-in-one widget with comprehensive stats

Ranking

Show where your token ranks among streamers

Live Chat

Display live chat messages from your stream

​
Widget Management

If you’re logged in, you can save widget configurations:
  • Name your widgets for easy identification
  • Set widgets as public (shareable) or private
  • Save all settings including colors and goals
  • Access saved widgets from your dashboard
  • Edit, duplicate, or delete anytime

Widget Visualizer

Create and preview widgets interactively

Dashboard

Manage your saved widgets