Curved Arc Carousel

About

The Curved Arc Carousel transforms any CMS collection into a sweeping 3D-style showcase. Cards curve fluidly across the screen, putting your featured item front and center while keeping visitors hooked as they scroll.

How to use

• Drop Arc Carousel onto your page.

• Connect your CMS Collection List to the Cards property. That's it, and there's no code. Separate cards work too.

• Adjust the arc, speed and arrow style from the properties panel. You can use different settings for each breakpoint.

  Key features

  - Direct CMS connection: any Collection List, and your own card design.

  - Swipe and drag: smooth on mouse and touch, with the same transition as the arrows.

  - Built-in arrows: change the size, colors, hover state, border and radius, or hide them.

  - Adjustable arc: radius, spacing, tilt, curve up or down, and cards per side.

  - Active image zoom: the center card's image gently zooms in.

  - Autoplay: with pause on hover and adjustable timing.

  - Click to navigate: click a side card to bring it forward.

  - Accessible: arrow-key navigation, a focus ring, screen reader labels and reduced-motion support.

  - Responsive: tune it per breakpoint, and page scrolling still works on phones.

  - Works on the canvas: you see the real arc while you design.

  Why Arc Carousel

  A grid lists your content. An arc shows it off. The curved layout pulls the eye to one featured item at a time, invites visitors to swipe, and makes any section feel premium without extra design work. Connect your CMS once and new items show up automatically.