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: about 1 year 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 (about 7 years ago)
• Default Branch: main
• Last Pushed: 2025-03-13T15:11:13.000Z (over 1 year ago)
• Last Synced: 2025-04-03T03:12:26.210Z (about 1 year 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)