Coin Flip is a fully interactive 3D coin component powered by real-time physics simulation. Each flip produces a random heads-or-tails result with natural spin, gravity, bounce, and wobble. Choose between a clean minimal design or a detailed US Quarter style. Perfect for landing pages, gamification elements, decision-making tools, and playful micro-interactions.
True 3D coin rendering with layered edge depth, radial gradients, and specular highlights for a realistic metallic finish
Physics-driven animation with adjustable flip force, air friction, bounciness, and spin intensity for organic, satisfying motion
Five material themes — Gold, Silver, Bronze, Copper, and fully Custom — with independent colour control for coin base, icons, text, accent glow, and shadow
Two coin face styles: Plain (clean, minimal) and US Quarter (detailed with LIBERTY text, head silhouette, shield, and curved arc lettering)
Full typography control for both the result label and the idle hint text
Coin Size (80–300px)
Coin Style (Plain / US Quarter)
Material (Gold / Silver / Bronze / Copper / Custom)
Coin Colour
Icon Colour
Text Colour
Accent
Shadow
Flip Force (Gentle / Normal / Strong / Max)
Air Friction
Bounciness
Spin Intensity
Surface (None / Wood / Glass / Marble / Felt)
Custom BG Colour
Hover Lift (on/off)
Idle Float (on/off)
Result Font (family, weight, size, line height, letter spacing)
Hint Font (family, weight, size, line height, letter spacing)
Show Result (on/off)
Flip Again Button (on/off)
Auto Re-flip (on/off)
Auto Re-flip Delay (1–15s)
Landing pages and hero sections that need a playful, attention-grabbing interactive element
Gamification features such as reward reveals, daily bonuses, or decision-making prompts
Portfolio and agency sites looking for memorable micro-interactions that showcase creative flair
Fun UI elements for apps, dashboards, or onboarding flows where a coin toss adds personality
Drop it onto your canvas, pick a material, and publish. Every flip feels real.
Aidan Looker
