StackFlow Carousel

A responsive curved carousel component that arranges cards along a smooth arc with fluid animations, autoplay support, and intuitive navigation. Perfect for showcasing portfolios, testimonials, products, or featured content in a modern and interactive layout.

Customize Options

Content

• Content Items – Add and arrange any Framer components as carousel cards.

Layout & Arc

• Card Width – Adjust the width of each card.

• Card Height – Control the height of each card.

• Border Radius – Customize the corner radius of cards.

• Curve Intensity – Control the depth of the curved layout.

• Curve Direction – Switch the arc upward or downward.

• Vertical Curve – Fine-tune the vertical positioning of the curve.

• Rotation – Adjust the rotation angle of each card.

• Spacing – Control the spacing between cards along the curve.

Auto Play

• Enable Auto Play – Automatically cycle through cards.

• Interval – Set the delay between automatic transitions.

• Direction – Choose left or right autoplay movement.

• Pause on Hover – Pause autoplay while hovering over the carousel.

Navigation

• Show Arrows – Display or hide navigation arrows.

• Arrow Color – Customize the arrow color.

• Arrow Size – Adjust the size of navigation arrows.

Shadow

• Shadow Color – Change the card shadow color.

• Blur – Control the softness of the shadow.

• Spread – Adjust the shadow spread.

• Offset X – Move the shadow horizontally.

• Offset Y – Move the shadow vertically.