# Fantastic Dice

- **Website:** <https://fantasticdice.games>
- **Primary alias:** `fantasticdice.games`

## Description

Fantastic Dice is a JavaScript module for adding interactive 3D dice to browser-based applications, with tabletop role-playing games in mind. Available through NPM, it provides a complete dice-rolling environment featuring simulated physics and 3D rendering. The project emphasizes performance, using web workers, offscreen canvas rendering, WebAssembly, and array buffers to support even large rolls. Its compact design keeps the compressed JavaScript payload around 400 KB.

The dice box is responsive, adapts to browser-window changes, and allows developers to configure dice size for mobile devices. A flexible theme system supports different dice models, colors, and skins, including built-in hexadecimal color support and custom themes. Developers can also adjust physics and environment settings, such as gravity, during or after initialization.

Fantastic Dice formats roll outcomes as detailed JavaScript objects and offers custom events for connecting application features. Addons can extend those results for different uses, and several are available through the 3D Dice project. Documentation covers setup, usage, methods, callbacks, themes, addons, parsing, and display controls, alongside a live demo.

## Industries

- 🖥 Computers Electronics and Technology
- 🖥 Programming and Developer Software _(under Computers Electronics and Technology)_
- 🎮 Games
- 🎮 Roleplaying Games _(under Games)_

## Links

- [github](https://github.com/3d-dice)

## Logos & icons

- logo _(primary)_ — PNG, SVG — [download](https://cdn.brandfetch.io/idFcCVQXLT/w/820/h/820/theme/dark/logo.png?c=1bxid64Mup7aczewSAYMX&t=1793397074485)

## Colors

| Name | Hex | Theme |
| --- | --- | --- |
| Shark | #1c1e21 | dark |
| White | #ffffff | light |

## Fonts

- var(--ifm-font-family-base) — asset _(custom)_
- var(--ifm-font-family-base) — asset _(custom)_

---

_Source: <https://brandfetch.com/fantasticdice.games>_
_See [/llms.txt](/llms.txt) for a full list of agent-readable pages, and [/auth.md](/auth.md) for how agents authenticate._