Folio Carousel

A slider for project lists, journals and shop items, with a running counter and a thin progress line under the slides. Fill it from your CMS or type the slides in by hand.

Content: connect a Collection List, or any stack, to the Content slot and each item becomes a slide. Your own card design stays as it is. Or skip the CMS and add slides in the panel, each with an image, a title, a small label and an optional link.

Layout: set how many slides show at once on wide screens and on narrow ones (fractions such as 1.2 let the next slide peek in), the width where it switches, the gap, the image ratio and the corner radius.

Controls: put the counter, progress line and arrows below or above the slides, or hide them. At the last slide the arrows can rewind to the first.

Moving: swipe on touch screens, drag with the mouse, or use the arrow keys. Slides snap into place. Rapid clicks keep going instead of stalling.

Autoplay: off by default. Set a number of seconds and it advances on its own, pausing while a visitor points at it or tabs into it, while it is off screen, and while the tab is hidden.

The counter is announced to screen readers when it changes, and the arrows have labels. Visitors who ask for reduced motion get instant changes and no autoplay.

Zero dependencies, no network calls, no animation loop. On the canvas autoplay stays off.

Ships with six demo slides so it works the moment you drop it in.

Built by KHZ ART, a Tokyo studio working in editorial and fashion.