DiceDeck
A browser-based button grid that triggers Streamer.bot actions
About
DiceDeck is a customizable, grid-based control panel for Streamer.bot built with vanilla JavaScript, HTML, and CSS. You arrange buttons in a grid of up to 20x20, each triggering a Streamer.bot action, and the layout is saved as a data.json file that is easy to back up and share. A proxy mode relays actions to a Streamer.bot instance on another machine.
Features
- Customizable grid layout up to 20x20 with inline grid size editing
- Drag-and-drop button arrangement in edit mode
- Buttons with custom titles, icons, and Streamer.bot action IDs
- Save and download the grid configuration as data.json; import layouts in multiple formats
- Connects to Streamer.bot over WebSocket (local or remote) with automatic in-place reconnect and backoff
- Proxy mode relays actions and action lists through a local Streamer.bot to a remote instance
- Animated SVG mesh background and grid blur that can be disabled with ?noanim
- No external libraries or frameworks required
Platforms
- Web
- Streamer.bot
Tech stack
- Vanilla JavaScript
- HTML
- CSS
- Streamer.bot WebSocket