> For the complete documentation index, see [llms.txt](https://danisnearby.gitbook.io/abstract-tools-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://danisnearby.gitbook.io/abstract-tools-docs/home.md).

# Getting Started

## 📖 Getting Started with OBS Widgets

Welcome! This guide will help you get set up with OBS Studio and show you how to use **browser sources** to add your custom widgets.

### 🎥 What is OBS Studio?

[OBS Studio](https://obsproject.com/) (Open Broadcaster Software) is a free, open-source software for video recording and live streaming. It’s widely used by streamers on platforms like Twitch, YouTube, and Abstract.

With OBS, you can combine video, audio, images, and dynamic overlays (like your custom widgets) into a live broadcast or recording.

***

### 🧰 Step 1: Download and Install OBS

1. Go to the official OBS Studio website: [https://obsproject.com](https://obsproject.com/)
2. Click the download button for your operating system:
   * **Windows**
   * **macOS**
   * **Linux**
3. Run the installer and follow the on-screen instructions to install OBS Studio.
4. In the streaming fields select custom RTMP and add your streaming credentials 

Once installed, open OBS. You should see an empty scene ready for customization.

***

### 🌐 Step 2: What is a Browser Source?

A **browser source** in OBS lets you embed a webpage directly into your stream. This is how you can display custom overlays and widgets — like donation alerts, follower goals, or chat boxes — using just a URL.

#### Browser Source Examples:

* Animated alerts
* Donation messages
* Song requests
* Countdown timers
* Custom interactive overlays

***

### 🧪 Step 3: How to Add a Browser Source <a href="#add" id="add"></a>

1. In OBS, under the **Sources** box, click the **+** button.
2. Select **Browser** from the list.
3. Name it something like `Follower Widget` and click **OK**.
4. In the **URL** field, paste the link to your widget (you’ll get this from us).
5. Click **OK**, and your widget should now appear in your scene!

You can move and resize it as needed.

***

### ✅ Next Steps

Now that OBS and browser sources are set up, you're ready to start using your custom widgets! Head over to the [**Widget Setup**](/abstract-tools-docs/widgets/followers.md) guide to learn how to configure and personalize them.