3D Curve Carousel

Curve Flow bends your images into a smooth, curved ribbon drawn on the GPU with WebGL. It feels physical: drag it and it glides to rest, scroll the page and it follows, or let it drift on its own.

Connect your CMS

Drop a Collection List next to your page and connect it to the CMS List property. Every image becomes a card, in the same order as the list, with its link and alt text. Filter, sort or limit the list and the carousel follows. No code, no URLs to paste.

Three ways to move

• Drag: momentum and glide, plus trackpad, mouse wheel and arrow keys.

• Scroll: pin it to the page and let scroll drive the ribbon, or let it pass through the viewport.

• Drift: a slow automatic loop that pauses on hover.

Shape it your way

Tune the curve, flat zone, card size, ratio, cards in view, radius, gap and background. The canvas shows the real curved render, so what you design is what you publish.

Built to ship

• Images and video (MP4, WebM, MOV) in the same ribbon

• Fully responsive with touch support

• Respects reduced motion: drift and video autoplay stop

• Screen-reader friendly: every card is listed with its alt text and link

• One file, zero dependencies beyond React and Framer

Includes a step-by-step CMS setup guide inside the project.