About this component

A gaming card featuring a pair of dice that tumble and roll on hover. The dice show random faces with each roll, featuring etched dots with realistic shadows. Clicking locks the dice and reveals the sum with a dramatic glow.

Difficulty

Intermediate

Style

Spin / Rotation / Flip

Frameworks

HTML/CSS, Tailwind, React, Vue, Angular, Svelte, LWC

Embed this component

Paste this snippet into any site — the design renders in a sandboxed iframe served from /embed/dice-roll-card.