---
title: "Arc Card Carousel — Free Framer component · Best of Framer"
description: "Free Framer component · by Vishal AN · Carousels. Draggable Card Wheel"
canonical: "https://framer.elliotli.dev/component/arc-card-carousel"
---

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

# Arc Card Carousel

Draggable Card Wheel

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

![Arc Card Carousel preview image 1](https://framer.elliotli.dev/og/component/arc-card-carousel/dc33ae173890a2ce/1600x1200.jpg)

## Summary

Draggable Card Wheel

## Description

**Description**

Arc Carousel turns your images into an elegant, draggable fan of cards. Grab anywhere and drag left or right — the wheel follows your cursor 1:1, then snaps onto the next card when you let go. As you drag, every card tilts in 3D (one way pulling right, the other pulling left) and rotates along the arc so the row reads as one smooth curve. Animated with GSAP for fluid motion, it loops a full 360° with no dead ends. Great for portfolios, galleries, product showcases, and hero sections.

**Features**

• Free drag with snap-to-card on release• Infinite, seamless 360° loop

• Direction-aware 3D tilt while dragging• GSAP-powered, buttery-smooth motion

• Auto tangent arc layout with per-card image, title & index number

• Customizable radius, spacing, card size, tilt, drag speed, colors & fonts

**How to use**

1.  Drop the component onto a generous full-width frame.
    
2.  Open the Cards property and set an Image + Title for each card (numbers auto-generate).
    
3.  Shape the arc with Radius (higher = flatter), Card Spacing, and Card Width/Height.
    
4.  Tune motion with Drag Speed and 3D Tilt (0 = off, 20 = default).
    
5.  Style Background, Text/Muted colors, Eyebrow & Heading text, and fonts.
    
6.  Click Preview to drag, fling, and feel the snap + tilt (the canvas shows a static arc).
    

Tip: fewer large cards + big radius = a soft shallow fan; more cards + tighter spacing = a fuller wheel.

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

-   All · #239

## Details

- **Author**: Vishal AN
- **Published**: 2026-07-21
- **Updated**: 2026-08-05
- **Added**: 2026-07-21
- **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