Radial Carousel

Radial Carousel

About Radial Carousel

Radial Carousel

A physics-driven carousel that arranges your cards in a stunning radial wheel with real drag momentum and snap. Touch and drag the carousel left or right, to cycle through the cards. It's perfect for mobile devices too.

Features:

Drop-In Children: Connect any Framer component as a card. The carousel automatically measures your cards and adapts its radius and spacing to fit.

Drag Physics: Pointer drag with velocity tracking and inertia. The cards snap to position with a smooth ease-out curve, just like a real wheel.

Auto-Play: Set it and forget it. Configure interval, direction (left or right).

Accessible Arrows: Optional compact navigation arrows with customizable fill and icon color, positioned right below the wheel.

Adaptive Scaling: The carousel scales itself to fit any frame size, fixed, fill, or fit, making it fully mobile responsive.

No manual resizing, no overflow headaches.

How It Works:

Drop it onto your canvas and connect your cards. The component clones them around a circular track, calculates optimal spacing from your card dimensions, and handles all the drag, snap, and auto-play logic internally. Style the arrows from the props panel, set your default card, and ship.