๐ŸŽต Twitch Viewer Counter

Display real-time viewer count on your stream!

STEP 1 / 3

๐Ÿ” Twitch Authentication

Click the Create New button to authorize this tool with Twitch. This will allow the Viewer Counter to access your channel's viewer count.<br>If you have already generated a URL or HTML file, you can load it using the respective buttons to modify your settings. You can also load an HTML file and generate a new URL.

๐Ÿ“ค Load from Existing URL

If you have a previously generated URL, paste it here to restore your settings

๐Ÿ“ค Resume from Existing HTML File

If you have a previously created HTML file, you can upload it to restore your settings.

โš ๏ธ HTML version has been deprecated. Upload your existing HTML file to restore settings and migrate to URL version.

or

๐ŸŽฏ How to Use After Setup

  1. Copy the generated URL
  2. Add it as a browser source in OBS
  3. The viewer count updates in real-time

๐ŸŒŸ Key Features

  • Completely Free - No charges whatsoever
  • Single File Solution - Works with just one generated URL
  • Transparent Background - Can be overlaid on your stream
  • Customizable - Choose font, color, and size
  • Real-time Updates - Same speed as official Twitch website
  • Auto-Reconnect - Automatically reconnects if connection is lost

๐Ÿ”’ Privacy & Security

This tool operates securely with the following security measures:

  • Twitch access tokens are encrypted and stored on our server, but cannot be decrypted without the decryption key in the URL, so you can use it safely.

โš ๏ธ Important Security Notice

The generated URL contains your authentication credentials (Access Token, etc.).

  • Never share this URL with anyone
  • Store the URL locally and use it only for yourself
โ† Back to Home ๆ—ฅๆœฌ่ชž
STEP 2 / 3

๐ŸŽจ Design Settings

Select font, color, and size. Preview is displayed in real-time.

๐Ÿ“ Font

๐ŸŽจ Color

๐Ÿ“ Size

๐Ÿ” Preview

1,234
โ† Back to Home
STEP 3 / 3

๐ŸŽ‰ Generate URL

Setup complete! Generate your URL.

๐Ÿ“บ OBS Setup Instructions

  1. Open OBS Studio
  2. Go to "Sources" โ†’ Add "Browser"
  3. Paste the generated URL in the "URL" field
  4. Set width and height as you prefer (e.g., 200x100)
  5. Uncheck "Shutdown source when not visible" (If checked, may flicker when switching scenes)
  6. Click OK to save
โ† Back to Home
Version 1.1.1 (Build 6)