Skip to content

component

Coin Flip

By Aidan Looker

Details

Summary

What is Coin Flip?

Description

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? We design and build custom Framer components. Get in touch at contact@teampixel.com.au .

Introduction

3D randomised coin flipper

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600172378/148/228/309/79/15
  • All · #7219