---
title: "Coin Carousel — Framer component · Best of Framer"
description: "$22.00 · Framer component · by Hoshine · Carousels. This component creates a fully animated 3D coin carousel with real lighting and depth."
canonical: "https://framer.elliotli.dev/component/coin-carousel"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Coin Carousel

# Coin Carousel

Animated 3D coin carousel with SVG

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

![Coin Carousel preview image 1](https://framer.elliotli.dev/og/component/coin-carousel/1697e5e4e3f2bb8b/1600x1200.jpg)

## Summary

This component creates a fully animated 3D coin carousel with real lighting and depth.

## Description

This component creates a fully animated 3D coin carousel with real lighting and depth. You can use SVG logos from a URL or upload your own files. Everything is customizable from the Framer panel.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ujtu3fmq-1i4lWncznMrv0tZaqq82JBUHPdZE2Y)

## Features

-   **SVG to 3D:** Turn any standard SVG icon into a 3D coin with real physical depth.
    
-   **Material Presets:** Quickly switch between Matte, Metal, and Plastic styles.
    
-   **Custom Motion:** Adjust carousel rotation, individual coin spin, and stagger effects.
    
-   **Matcap Support:** Use custom Matcap textures for professional grade reflections.
    
-   **Responsive Scaling:** The 3D scene automatically adapts to any frame size.
    
-   **Property Controls:** Edit colors, reflection intensity, and coin thickness without touching code.
    

## How to Use

1.  **Add the Component:** Paste the component URL onto your Framer canvas.
    
2.  **Upload Your Icons:** In the 'Coins' property, add a new item and upload your SVG file or paste an icon URL.
    
3.  **Style the Materials:** Use the 'Material' and 'Lighting' sections to adjust the look of the metal and the strength of reflections.
    
4.  **Refine the Motion:** Set your preferred 'Spin Speed' and 'Tilt' in the Motion tab to create a dynamic carousel effect.
    
5.  **Adjust Sizing:** Resize the component frame on your canvas; the 3D coins will scale automatically to fit.
    

**Best for**

-   Landing pages
    
-   Brand showcases
    
-   Product highlights
    
-   Hero sections
    
-   Interactive UI experiences
    

**Demo**Custom Matcap Demo

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-saugjumf-aUFYjmFeg5GMD0TWFGp5XlrUZ1QHoJ)![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-71ap4gbo-Sg8FzndOlf8HVhjTJ9DjJjlps3ZyMF)

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

-   All · #6475

## Details

- **Author**: Hoshine
- **Price**: $22.00
- **Published**: 2026-05-06
- **Updated**: 2026-05-06
- **Added**: 2026-04-25
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow