Thumb Carousel

Thumb Carousel
Thumb Carousel

About Thumb Carousel

A product-style gallery: one large slide at a time with a strip of thumbnails below. Click a thumbnail to jump to it; the active one stays highlighted and scrolls into view.

Content: use the built-in slides, or connect a Collection List, or any stack, to the Content slot. Each item becomes a slide and its first image becomes the thumbnail.

Motion: native scroll snapping, so touch, trackpad, mouse drag, arrow keys and the prev/next buttons all feel the same. Optional autoplay pauses on hover, on focus, off screen and for visitors who ask for reduced motion.

Style: slide and thumbnail ratios, thumbnail size, gap, corner radius, counter, caption, title and meta fonts, colors and the active underline are all in the panel.

Thumbnails are real tabs with labels, so keyboard and screen reader users can move through them too.

Zero dependencies, no network calls.

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

If it does not work as described, you get a full refund within 14 days.

Want every KHZ component? The KHZ Editorial Kit has every one in one purchase for $49: https://buy.stripe.com/7sYbJ1eQWf6N5L39eCc3m1j

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

From KHZ ART

Folio Carousel
Magazine Carousel
Hover Index
Hover Index CMS

Related Components

CMS Rise Carousel
CMS Curvex Carousel
CMS Orbit Carousel
Canvas Slider