A small open-source HTML/CSS widget that links to a live random casino game picker with responsible-
gambling guardrails.
Post:
I built a small open-source widget for a larger web tool: a random casino game picker for
CasinoGaming.co.za.
The goal was simple: make game discovery feel like a slot-machine spin, while being careful not to
imply that the tool predicts outcomes, improves odds, or recommends a deposit.
Live picker:
https://www.casinogaming.co.za/random-casino-game-picker-south-africa/
GitHub repo:
https://github.com/puntsza-web/random-casino-game-picker
GitHub Pages demo:
https://puntsza-web.github.io/random-casino-game-picker/
## The Product Constraint
Casino interfaces can get noisy fast. A random picker sounds fun, but the wording matters because a
So the tool had a few hard rules:
- It is a discovery tool, not a prediction tool.
- It links to game guides, not directly to a deposit action.
- It keeps 18+ and responsible-gambling notes visible.
- It avoids certainty language, prediction language, and deposit-push language.
- It shows practical context such as RTP, volatility, caution notes, and availability checks.
## The Embeddable Card
The open-source repo is intentionally small. It is just HTML and CSS, with no build step, so
publishers can drop a card into an article or resource page.
The card uses a single component namespace so it is less likely to collide with the host page. The
reel tiles are decorative, so they are hidden from assistive technology. That keeps the screen-
reader path focused on the actual action: the link to the live picker.
## The Live Tool
The full page has a slot-machine UI, category filters, shareable result URLs, a share-card download,
and a copyable credit section for anyone who wants to reference the tool.
