Sliders & Carousels

Sliders and carousels show more content in less space by rotating through slides. Shock includes full-width sliders for hero areas and a compact carousel for repeating items.

Basic Slider

A full-width slider that cycles through image or content slides — great for a homepage hero.

Extended Slider

A richer slider with additional layout, caption and navigation options.

Carousel

A multi-item carousel for logos, testimonials or cards — several items visible at once.

Reference image — replace before publishing16:9

The basic slider example page open in a browser, showing a full-width hero slide with its navigation arrows and slide indicator dots visible.

Choose the right one

Reach for a slider when each slide is a full-width statement (a hero, a big image). Reach for a carousel when you’re rotating a set of smaller, similar items like partner logos or reviews.