DiceDeck
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.
Platforms: Web, Streamer.bot
Product page: desertice.tech/products/dicedeck
Who it’s for: Streamers who use Streamer.bot and want a Stream Deck-style button grid in a browser (or on a tablet)
Features
Section titled “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
Requirements
Section titled “Requirements”- A web browser (Chrome, Firefox, Edge, etc.)
- Streamer.bot running on your local network or machine with its WebSocket server enabled
Install
Section titled “Install”- Open https://desertice.github.io/DiceDeck, or clone/download the repository and open index.html with your data.json alongside it
- DiceDeck connects to Streamer.bot at 127.0.0.1:8080 by default; add ?port=
to change it - Switch to edit mode to arrange buttons, then save your layout
- Add ?import to show the debug import button for advanced layout import/export
- Add ?noanim to disable UI animations for a simpler, static experience
- For remote control, set up relay actions named remoteGetActions and remoteDoAction on a local proxy Streamer.bot instance, then add ?proxy to the URL
- To reset to defaults, remove all URL parameters and reload
Using it
Section titled “Using it”- Click buttons in normal mode to trigger their mapped Streamer.bot actions
- In edit mode, add, edit, or remove buttons with custom titles, icons, and actions, and resize the grid
- Save and download your grid as data.json to share or back up the setup
- Toggle the F12 debug overlay to see grid coordinates
- Warnings appear for an empty first row or column
Troubleshooting
Section titled “Troubleshooting”The connection drops or fails
Section titled “The connection drops or fails”DiceDeck reconnects in place automatically: retries begin after 5 seconds, double after each failed complete attempt, and stop increasing at 5 minutes. The delay resets after a fully successful initialization.
Proxy mode never connects
Section titled “Proxy mode never connects”Proxy mode is considered connected only after both relay actions (remoteGetActions and remoteDoAction) are found and the remote action list is received, so check that both actions exist on the proxy instance.
Does DiceDeck auto-discover Streamer.bot on my LAN?
Section titled “Does DiceDeck auto-discover Streamer.bot on my LAN?”No. LAN scan/auto-discovery is not supported; set the host and port explicitly.
When should I use proxy mode?
Section titled “When should I use proxy mode?”When DiceDeck runs on a device that cannot directly reach the main Streamer.bot instance (for example a tablet), or when you want to isolate control. The setup assumes exactly two Streamer.bot instances bound to your user.