Setting Up OBS Widgets

## Add Live Scoreboards to Your Stream Spaghetti Showdown provides a powerful widget system that lets streamers and tournament organizers display live scoreboards, brackets, and player information directly in their OBS (Open Broadcaster Software) scenes. Widgets update in real time, so your viewers always see the latest scores without any manual intervention. ### What Are Widgets? Widgets are specialized web pages designed to be embedded in streaming software. They have transparent backgrounds, clean typography, and are optimized for overlay use. Each widget has a unique URL that you add to OBS as a browser source. The widget connects to the Spaghetti Showdown servers via WebSocket and updates automatically whenever scores or match data change. Available widget types include: - **Scoreboard** — Displays the current match with player names, scores, and game title - **Bracket** — Shows the tournament bracket with match progress - **Player Card** — Displays detailed player information and stats - **Queue** — Shows upcoming matches in the tournament ### Creating a Widget To create a widget, navigate to your **Tournament Dashboard** and click on the **Widgets** tab. Click **Create New Widget** and select the widget type you need. Each widget is associated with a specific tournament, so scores and data are pulled from that tournament automatically. After selecting the widget type, you will be taken to the widget editor where you can customize its appearance. Once you are satisfied with the design, click **Save** to generate the widget URL. ### Adding to OBS as a Browser Source Once you have your widget URL, adding it to OBS is simple: 1. **Open OBS** and select the scene where you want the widget 2. **Click the + button** in the Sources panel and choose **Browser** 3. **Name your source** something descriptive like Scoreboard Widget 4. **Paste the widget URL** into the URL field 5. **Set the dimensions** — recommended starting size is 1920x1080, but you can adjust to fit your layout 6. **Check Refresh browser when scene becomes active** to ensure the widget reconnects if OBS was idle 7. **Click OK** to add the source The widget will appear in your scene with a transparent background, ready to overlay on your game capture. You can resize and reposition it just like any other OBS source. ### Tips for Best Results - **Use a wired internet connection** for the most reliable real-time updates - **Set the OBS browser source FPS to 30** to reduce resource usage while maintaining smooth updates - **Test the widget** before going live by updating scores from the tournament controls page - **Bookmark the widget URL** so you can reuse it for future streams with the same tournament - **Layer widgets** with your existing stream graphics for a professional look Widgets are one of the most popular features on Spaghetti Showdown and they make running a professional-looking tournament stream accessible to everyone.