---
title: "Circular Carousel — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Sami Mansouri · Carousels. Overview A premium 3D circular carousel that displays your images and videos in a beautiful rotating cylinder."
canonical: "https://framer.elliotli.dev/component/circular-carousel"
---

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

# Circular Carousel

Fully customizable circular carousel

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

![Circular Carousel preview image 1](https://framer.elliotli.dev/og/component/circular-carousel/4aacd76a6d2174c2/1600x1200.jpg)

## Summary

Overview A premium 3D circular carousel that displays your images and videos in a beautiful rotating cylinder.

## Description

### Overview

A premium 3D circular carousel that displays your images and videos in a beautiful rotating cylinder. Perfect for showcasing portfolios, products, galleries, and team members with an immersive visual experience.

### Features

-   **True 3D Rotation** — Cards arranged in a realistic circular formation
    
-   **Mixed Media Support** — Combine images and videos seamlessly
    
-   **Three Play Modes** — Manual, Auto Play, or Interval timing
    
-   **Smooth Animations** — Butter-smooth 60fps rotation powered by Framer Motion
    
-   **Drag to Rotate** — Intuitive gesture-based interaction
    
-   **Smart Snapping** — Cards snap perfectly to center after interaction
    
-   **Customizable Depth** — Control how far cards are from center
    
-   **Back Cards Visibility** — Show or hide cards behind with opacity control
    

### Perfect For

-   Product showcases
    
-   Portfolio galleries
    
-   Team member displays
    
-   Feature highlights
    
-   Testimonial carousels
    
-   Image collections
    
-   Video reels
    

### Fully Customizable

-   **Size & Dimensions** — Scale entire component or individual cards
    
-   **Perspective & Depth** — Control the 3D effect intensity
    
-   **Border Radius** — From sharp to fully rounded cards
    
-   **Animation Speed** — Fine-tune rotation and transition speeds
    
-   **Shadows** — Full control over color, blur, and position
    
-   **Arrow Styles** — Circle buttons or minimal arrows
    

### Includes

-   Empty state placeholder
    
-   Video autoplay support
    
-   Touch & mouse drag
    
-   Responsive scaling
    
-   Performance optimized
    

### Easy Setup

1.  Drop the component on your canvas
    
2.  Add your images or videos
    
3.  Choose your play mode
    
4.  Customize the look
    
5.  Done! ✨
    

**Refund Policy**

**Digital Products (Framer Components)**

All purchases of Framer components are final. Due to the digital nature of these products and immediate access upon purchase, **no refunds, returns, or exchanges are accepted once a component has been purchased and delivered**.

**Exceptions**Refunds may be considered only in the following limited cases:

-   The component is demonstrably defective and does not function as described.
    
-   You are unable to access the purchased component due to a technical issue on our side.
    

In such cases, you must contact support within **7 days** of purchase and provide clear details of the issue. If verified, we may offer a fix or replacement. Refunds are not guaranteed.

**Non-Refundable Cases**

-   Change of mind.
    
-   Lack of compatibility with your project, tools, or third-party plugins.
    
-   Failure to read the product description or requirements before purchase.
    

By completing a purchase, you acknowledge and agree to this Refund Policy.

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

-   All · #10603

## Details

- **Author**: Sami Mansouri
- **Price**: $5.00
- **Published**: 2026-02-08
- **Updated**: 2026-02-10
- **Added**: 2026-01-10
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view