Carousel (slider)

A block that lets you flip through a set of images or cards by scrolling sideways.

Also called: carousel, slider, slideshow, slide show, gallery, image gallery, swiper, banner, hero slider, dots under a picture, dots below the image, arrows on the sides

What it is for

It saves vertical space by showing several items in one place. You move through it with a swipe, arrows or dots. It isn’t a good home for anything critical, because most people never get past the first slide.

Where you see it

• Promo blocks — banners with sales on the main screen
• Product pages — a gallery of product photos
• Streaming services — recommendation rows, like movies by genre

What it is called in code

• Carousel
• slider / swiper

See also

• Pagination — A way to split a long list into separate pages or batches.
• Card — A rectangular block that gathers everything about one thing: a photo, a name, a price, a button.
• Slider — A control for picking a value, or a range of values, by dragging a handle along a track.