Coin Flip

Coin Flip

About Coin Flip

What is Coin Flip?

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.

Core Features

  • 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

Controls inside Framer

Appearance

  • Coin Size (80–300px)

  • Coin Style (Plain / US Quarter)

  • Material (Gold / Silver / Bronze / Copper / Custom)

Custom Colours (visible when Material is set to Custom)

  • Coin Colour

  • Icon Colour

  • Text Colour

  • Accent

  • Shadow

Physics

  • Flip Force (Gentle / Normal / Strong / Max)

  • Air Friction

  • Bounciness

  • Spin Intensity

Background

  • Surface (None / Wood / Glass / Marble / Felt)

  • Custom BG Colour

Animation

  • Hover Lift (on/off)

  • Idle Float (on/off)

Typography

  • Result Font (family, weight, size, line height, letter spacing)

  • Hint Font (family, weight, size, line height, letter spacing)

Display

  • Show Result (on/off)

  • Flip Again Button (on/off)

  • Auto Re-flip (on/off)

  • Auto Re-flip Delay (1–15s)

Best use cases

  • 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.

Questions or custom requests?