---
title: "Coin Flip — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Aidan Looker · Text. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/coin-flip"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Coin Flip

# Coin Flip

3D randomised coin flipper

[View on Framer](https://framer.com/marketplace/components/coin-flip/?via=elliot-li)

![Coin Flip preview image 1](https://framer.elliotli.dev/og/component/coin-flip/fa3317d8bcbce382/1600x1200.jpg)

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

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## 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](mailto:contact@teampixel.com.au).
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #10149

## Details

- **Author**: Aidan Looker
- **Price**: $4.00
- **Published**: 2026-02-25
- **Updated**: 2026-06-13
- **Added**: 2026-02-21
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing