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.
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.
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.
Creative portfolios and gallery pages
Premium product and feature showcases
Interactive landing pages and hero sections
Testimonial layouts and review loops
"Just for fun" interactive sections anywhere on your site
If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I’d love to see what you create.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb