https://github.com/resir014/stream-overlays

A set of OBS stream overlays + widgets customised for my Twitch channel.
https://github.com/resir014/stream-overlays

nextjs react stream-overlay tailwindcss twitch

Last synced: 20 days ago
JSON representation

A set of OBS stream overlays + widgets customised for my Twitch channel.

• Host: GitHub
• URL: https://github.com/resir014/stream-overlays
• Owner: resir014
• Created: 2019-04-25T18:48:16.000Z (almost 6 years ago)
• Default Branch: main
• Last Pushed: 2025-03-13T15:11:13.000Z (about 1 month ago)
• Last Synced: 2025-03-24T11:43:38.386Z (29 days ago)
• Topics: nextjs, react, stream-overlay, tailwindcss, twitch
• Language: TypeScript
• Homepage: https://resir014-stream-overlays.vercel.app
• Size: 14.1 MB
• Stars: 63
• Watchers: 3
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# stream-overlays

> Dynamic stream overlays/widgets for OBS.

## Developing

A nodejs LTS setup with [pnpm](https://pnpm.io/) is recommended.

```bash

# install dependencies

pnpm install

# serve with hot reload at localhost:3000

pnpm run dev

# build for production

pnpm run build

# run tests (lint + type check)

pnpm run test

```

## Preview

### Display Capture

![Display overlay preview](./public/static/display-overlay-preview.png)

### Gaming

![Game overlay preview](./public/static/game-overlay-preview.png)

### Titlecards

![Prestream preview](./public/static/prestream-preview.png)