---
title: "3D Coin — Free Framer component · Best of Framer"
description: "Free Framer component · by Rayan Yasser · Sections. 3D coin spinner for Framer that loops smoothly and always starts on the heads side."
canonical: "https://framer.elliotli.dev/component/3d-coin"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/3D Coin

# 3D Coin

customizable 3D coin spinner

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

![3D Coin preview image 1](https://framer.elliotli.dev/og/component/3d-coin/444edeccc41f3df5/1600x1200.jpg)

## Summary

3D coin spinner for Framer that loops smoothly and always starts on the heads side.

## Description

**3D Coin** is a fully customizable 3D coin spinner for Framer that loops smoothly and always starts on the heads side.

Upload separate **Heads** and **Tails** images with independent scale controls for perfect framing on each face. Each side also supports its own background image and color, giving you full creative control over both faces.

Customize the **coin shape** with adjustable face radius, **spin behavior** with duration and direction (→ ← ↓ ↑), and toggle spin on or off entirely. A **float animation** gently lifts the coin up and down with adjustable height and speed for a natural hovering feel.

Style the **rim** with a two-color edge gradient and optionally enable a **ground shadow** with adjustable strength and distance. The component is fully **responsive** — it scales to fit any fixed frame size you set on the canvas.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-odffwpoq-XcSrDg4ppFRAz8FeLdi0bjPSXie59K)

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

-   All · #6974

## Details

- **Author**: Rayan Yasser
- **Published**: 2026-03-26
- **Updated**: 2026-07-02
- **Added**: 2026-03-14
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes