A web application for watching multiple live streams simultaneously in a customizable, draggable grid layout. Mix and match streams from different platforms and arrange them however you like.
- Multi-Platform Support: Watch streams from Twitch, YouTube, and Kick simultaneously
- Flexible Content Display: For each stream, choose to display:
- Stream + Chat (Everything)
- Stream Only (Video)
- Chat Only
- Drag-and-Drop Grid Layout: Freely arrange streams using a dynamic grid powered by GridStack
- Resizable Stream Windows: Adjust the size of each stream to your preference
- Mac-Style Window Controls: Intuitive close, minimize, and maximize buttons for each stream
- Persistent State: Your layout and stream selections are automatically saved to localStorage
- Responsive Design: Works across different screen sizes
- Watch multiple streamers simultaneously
- Monitor esports events with multiple POVs
- Compare different stream sources in real-time
- Create custom multi-stream viewing experiences
- Astro - Web framework
- React - UI components
- GridStack - Drag-and-drop grid layout
- Tailwind CSS - Styling
- DaisyUI - UI components
- Nanostores - State management
- Select a platform (Twitch, YouTube, or Kick) from the dropdown
- Enter the channel name
- Choose what to display (Everything, Stream Only, or Chat Only)
- Click "Add Stream" to add it to your grid
- Drag streams by their title bar to rearrange
- Resize streams using the corner handles (↘︎ and ↙︎)
- Use the red button to remove a stream
Your layout and stream selections are automatically saved and will be restored when you return.