About ArcCarouselSpring

About

ArcFlow Carousel adds a beautifully fluid, curved motion to your Framer projects. Drop it into a portfolio, a hero section, or a product showcase to let your visitors slide through content along a distinct geometric arc. With full control over the spring physics and responsive behavior, your layout will feel incredibly organic and seamless across all screen sizes.

What it does

Renders a dynamic curved carousel that effortlessly handles user dragging and scroll inputs. It automatically manages scaling differences between your active and inactive cards, calculates ultra smooth spring physics for natural momentum, and highlights the center item perfectly. The component also includes optional directional arrows with fully customizable positioning and backgrounds, ensuring fluid navigation right out of the box.

What you can customize

Arc & Physics: Adjust the overall arc radius, spread angle, and shift the layout center on both the X and Y axes. Fine-tune the active and inactive card scaling, drag sensitivity, and exact spring stiffness or damping values.
Card & Layout: Turn scrolling and responsiveness on or off, set specific card widths and heights, and manage up to 5 items or more in your slide list.
Arrows & Style: Choose to show or hide navigation arrows, adjust their sizes, change arrow colors, set custom backgrounds, and tweak their exact layout positioning.
Typography & Theme: Completely style the background, card backgrounds, title colors, subheadline colors, and CTA appearance. You can also pick independent fonts for your titles, subheadlines, and call to action buttons to match your brand flawlessly.