Stream toolLive

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