> ## Documentation Index
> Fetch the complete documentation index at: https://docs.1up.vision/llms.txt
> Use this file to discover all available pages before exploring further.

# Free Stream Widgets

> Create free Twitch widgets for OBS. Single-layer overlays for chat, counters, timers, and more.

## What are Widgets?

Widgets are single-layer overlay elements available to all Vision users, including free accounts. They're simpler than full overlays but still powerful - add a chat display, counter, timer, or other element to your stream without needing a paid subscription.

***

## Widgets vs Overlays

| Feature          | Widgets      | Overlays        |
| ---------------- | ------------ | --------------- |
| **Layers**       | Single layer | Multiple layers |
| **Available on** | All accounts | Basic & Pro     |
| **Layer types**  | 7 types      | 60+ types       |
| **Limit**        | 12 widgets   | Unlimited       |

***

## Available Widget Types

| Type           | Description                                         |
| -------------- | --------------------------------------------------- |
| **Score**      | Counter for tracking numbers (deaths, wins, points) |
| **Lowerthird** | Name/title bar graphic                              |
| **Video**      | YouTube video player                                |
| **Timer**      | Countdown or stopwatch                              |
| **Challenges** | Win challenge tracker                               |
| **Chat**       | Twitch chat display                                 |
| **Hearts**     | Lives/hearts counter                                |

***

## Creating a Widget

<Steps>
  <Step title="Go to Widgets">
    In the dashboard sidebar, click **Widgets**
  </Step>

  <Step title="Create Widget">
    Click **Create Widget**
  </Step>

  <Step title="Choose type">
    Select the widget type you need
  </Step>

  <Step title="Name it">
    Give your widget a descriptive name
  </Step>

  <Step title="Customize">
    The editor opens - style your widget
  </Step>

  <Step title="Copy URL">
    Copy the widget URL to add to OBS
  </Step>
</Steps>

***

## Widget Editor

Each widget opens in the full Vision editor with:

* **Styling options** - Colors, fonts, sizes
* **Animations** - In/out transitions
* **Theme presets** - Quick style options
* **Custom CSS** - Advanced customization

***

## Adding to OBS

<Steps>
  <Step title="Copy the widget URL">
    In the widget editor, copy the URL
  </Step>

  <Step title="Add Browser Source">
    In OBS, add a new Browser source
  </Step>

  <Step title="Paste URL">
    Paste your widget URL
  </Step>

  <Step title="Set dimensions">
    Match the widget dimensions
  </Step>
</Steps>

***

## Managing Widgets

### Finding Widgets

* **Search** - Find widgets by name
* **Grid/List view** - Toggle display mode
* **Filter** - Sort by type or date

### Widget Actions

* **Rename** - Change the widget name
* **Delete** - Remove the widget
* **Duplicate** - Create a copy

### Widget Limit

Free accounts can create up to **12 widgets**. Need more? Upgrade to Basic or Pro for unlimited overlays with multiple layers.

***

## Widget Types in Detail

### Score Widget

Track any numerical value:

* Deaths, wins, losses
* Points, goals, rounds
* Custom counters

### Timer Widget

Display time:

* Countdown to events
* Stopwatch for challenges
* Stream uptime

### Chat Widget

Show Twitch chat:

* Multiple channel support
* Custom styling
* Emote display

### Hearts Widget

Visual life counter:

* Configurable heart count
* Custom heart graphics
* Great for challenge runs

### Video Widget

Play YouTube content:

* Music videos
* Clips and highlights
* Background content

### Lowerthird Widget

Display names and titles:

* Guest introductions
* Topic displays
* Social handles

### Challenges Widget

Track win challenges:

* Game list management
* Win counting
* Timer integration

***

## Tips

<Tip>
  **Start with widgets** if you're new to Vision. They're simpler to set up and help you learn the editor.
</Tip>

<Tip>
  **Combine multiple widgets** in OBS if you need more than one element - add each as a separate browser source.
</Tip>

<Tip>
  **Upgrade when ready** - Once you want to combine layers into complex layouts, upgrade to use full overlays.
</Tip>