Skip to main content

Fantastic Dice

3D dice to level up your fun

* available as an NPM module *

High Performance

High Performance

Developed from the ground up with performance in mind. Using web workers, offscreen canvas rendering, WASM, and array buffers to speed everything up. Go ahead, roll hundreds of dice.

Compact

Compact

Custom configured physics simulation engine (AmmoJS) and rendering engine (BabylonJS) in order to keep the JavaScript payload around 400k after compression. That's a full 3D environment with physics that runs in a browser!

Responsive

Responsive

Designed to be responsive and perform great on mobile devices. Not only will the Dice-Box resize with the browser window, but you can also set the size of your dice in the configurations.

Themable

Themable

Variety is the spice of life. The theme system is flexible, enabling different 3D dice models, colors and skins. Every roll can have a different look. Comes pre-packed with HEX color support, but one can easily drop in custom built themes for the look you want.

Easy Config

Easy Config

Many of the physics and 3D environment parameters have been exposed for easy customization. Want to make the gravity five times stronger? Go right ahead. All parameters are easy to alter even after initializing the Dice-Box.

Addon Support

Addon Support

A few addons are already available at 3d-dice with more in the works. The results of the dice roller are formatted as a detailed JavaScript object. Addons can build on top of those results for any number of uses. Custom events provide convenient spots to tie into the action.

Live Demo

Try it out for yourself!