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.
Adjust the Radius to fit your layout width.
Select your preferred Mode (Free or Strict).
Tim Yeng
