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: 4 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 (over 5 years ago)
• Default Branch: main
• Last Pushed: 2025-01-16T15:50:23.000Z (4 days ago)
• Last Synced: 2025-01-16T16:14:10.399Z (4 days ago)
• Topics: nextjs, react, stream-overlay, tailwindcss, twitch
• Language: TypeScript
• Homepage: https://resir014-stream-overlays.vercel.app
• Size: 14.1 MB
• Stars: 61
• Watchers: 4
• Forks: 6
• Open Issues: 2
• 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)