Skip to content

ComponentsCarousel

Components

Carousel

Featured fade carousel (500ms crossfade, 5.2s autoplay that pauses on hover / focus / hidden tab and stays off with reduced motion, dots with a progress fill, 40px on-content nav), Embla slide carousel and the native tile strip.

Slide (Embla) and strip

variant slide keeps the shadcn Embla carousel (outline nav outside). The strip is a native scroller of 136px tiles with 12px gaps, a 56px end fade and a round 32px “Scroll right” control (hidden on touch and when nothing overflows).

slide, 3 per view
Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6
Tile strip