A high-performance Arc Carousel with infinite looping, physics-based dragging, and keyboard support. Choose between "Free Spin" for fluid interaction or "Clock Mode" for precise snapping. Fully customizable radius, speed, and autoplay.
Key Features:
True Infinite Loop: The component intelligently duplicates your slides to create a seamless, unbroken circle, no matter how few items you start with.
Dual Interaction Modes:
Free Spin: Throw and flick the carousel with realistic inertia (momentum). Great for browsing large galleries.
Clock Mode (Strict): A precision mode that snaps slides perfectly to the center, similar to a ticking clock or a dial.
Physics-Based Touch & Drag: Built on top of Framer Motion’s gesture system for buttery smooth 60fps performance on mobile and desktop.
Keyboard Navigation: Fully accessible arrow-key support allows users to step through items precisely.
Smart Autoplay: Includes adjustable speed and direction. Autoplay pauses intelligently when the user interacts (drags) and resumes automatically.
Customization Controls
Easily tweak the look and feel directly from the Framer sidebar:
Radius: Flatten the curve or make it a tight circle (400px – 3000px).
Gap (Spacing): Control the rotational degree between items.
Speed: Adjust the autoplay velocity.
Direction: Clockwise or Counter-clockwise rotation.
How to Use
Drag the Arc Carousel onto your canvas.
Connect your own Frames or Components to the Slides connector.
A high-performance Arc Carousel with infinite looping, physics-based dragging, and keyboard support. Choose between "Free Spin" for fluid interaction or "Clock Mode" for precise snapping. Fully customizable radius, speed, and autoplay.
Key Features:
True Infinite Loop: The component intelligently duplicates your slides to create a seamless, unbroken circle, no matter how few items you start with.
Dual Interaction Modes:
Free Spin: Throw and flick the carousel with realistic inertia (momentum). Great for browsing large galleries.
Clock Mode (Strict): A precision mode that snaps slides perfectly to the center, similar to a ticking clock or a dial.
Physics-Based Touch & Drag: Built on top of Framer Motion’s gesture system for buttery smooth 60fps performance on mobile and desktop.
Keyboard Navigation: Fully accessible arrow-key support allows users to step through items precisely.
Smart Autoplay: Includes adjustable speed and direction. Autoplay pauses intelligently when the user interacts (drags) and resumes automatically.
Customization Controls
Easily tweak the look and feel directly from the Framer sidebar:
Radius: Flatten the curve or make it a tight circle (400px – 3000px).
Gap (Spacing): Control the rotational degree between items.
Speed: Adjust the autoplay velocity.
Direction: Clockwise or Counter-clockwise rotation.
How to Use
Drag the Arc Carousel onto your canvas.
Connect your own Frames or Components to the Slides connector.