A Real Time
Collaborative Dice Roller
Customize your dice and play live with up to 8 people at the table or online.
Try out the live demo. Or jump into the full app.
01 / SHARE YOUR TABLE
One table.
Two ways to join.
Every table has an eight-character code and a shareable link. Send either to your friends to bring everyone into the same dice tray.
02 / MAKE IT YOURS
A die with
your name on it.
Pick a color. Change the ink. Find your finish.
Go on, give this one a spin.
Loading the live dice customizer…
03 / BUILD SOMETHING GOOD
Your project.
Our clacks.
Click Clacks is an open-source TypeScript dice framework. Use its dice engine, React components, and 3D presentation in your own project—or put the hosted roller in an iframe.
Explore on GitHubThe mini roller. Right in your app.
<iframe
src="https://app.clickclacks.app/web/popout/tray.html"
title="Click Clacks mini dice roller"
width="100%"
height="420"
></iframe>import { generatePool } from 'clickclacks/dice';
// Pure dice engine. Your UI, your rules.
const dice = generatePool([
{ sides: 20, count: 1 }
]);Read the integration guide MIT licensed · TypeScript · React + Three.js · Optional Convex backend
YOUR NEXT GOOD ROLL STARTS HERE