Plinko
A minimal Plinko / Galton board: aim the drop point and release a ball that bounces down through a peg grid into the scoring slots. Bounces are fully deterministic — no randomness — so where it lands depends only on where you drop it.
Still stuck with boring spinners?
Turn dead waiting time into playtime — drop in a tiny playable game and keep your users entertained while they wait.
Works with your stack
Pick a game and your framework, tweak the props, and copy the snippet.
Color isn't a prop — every game reads the
--spinner-color CSS custom property. Set it on the
element (or any ancestor) and it cascades in. Because it's plain
CSS, it works the same in HTML, React, Vue and Angular.
Try the swatches:
Pick a color
In a stylesheet — recolors every game on the page
spinner-bubbles {
--spinner-color: #2caac3;
}Or inline, on a single instance
<spinner-bubbles style="--spinner-color: #2caac3"></spinner-bubbles>
Every game is themeable with the --spinner-color CSS
variable and sizes itself to its container — see
docs/ for the full reference.
What's new in Spinner Games.
A minimal Plinko / Galton board: aim the drop point and release a ball that bounces down through a peg grid into the scoring slots. Bounces are fully deterministic — no randomness — so where it lands depends only on where you drop it.
Simplified the game: removed one starting row of bubbles, and the colors offered to shoot are now drawn only from the colors still visible on the board.