> ## 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.

# Twitch Chat Overlay

> Display Twitch chat on your stream with customizable styling. Works with OBS browser source.

<video autoPlay muted loop playsInline src="https://1up.vision/demo-chat.webm" className="w-full rounded-lg" />

## How to Use Chat Layer

One of the most important features for streams is chat. With Vision you can easily display the chat messages of your viewers in your overlay.

### Getting Started

<Steps>
  <Step title="Create overlay">
    Create a new overlay or open an existing one
  </Step>

  <Step title="Add Chat Layer">
    In the left toolbar select "Chat" or click on the "+" icon and select the Chat Layer
  </Step>

  <Step title="Position">
    Drag the chat to your desired location
  </Step>

  <Step title="Add channels">
    Add or remove Twitch channels whose chat messages you want to display
  </Step>

  <Step title="Save">
    Save your overlay to display the chat layer in your stream
  </Step>
</Steps>

### Letting Your Mods Help

One of Vision's unique features is collaboration. You can grant your moderators permission to help manage the chat layer.

1. Go to **Permissions → Roles**
2. Use a prebuilt role or create a custom one. Make sure the role has the permission to view and edit overlays
3. Click on users and invite your moderator

### Styling

Vision allows styling all layers, including chat. You can change the font, color, background color, and in-/out-animations.

Chat Layers also have the **Chat-Designer**, which allows you to completely customize how the messages appear on your stream.

### Chat-Bot

Also look at our Chat-Bot feature, which allows you to create custom commands or timers that can interact with other Vision features.