Library / UI components / Carousel
No. 013·noun·also called slider, slideshow, gallery

Carousel

A row of slides you move through one at a time with arrows, dots, or a swipe.

SPECIMEN · LIVE DEMO
Definition

What it is

A carousel shows one item (or a few) from a longer row and lets you move left and right through the rest. Dots or a counter show where you are.

Carousels suit photos of a single thing, like a listing's images, or a short set of featured items on mobile where horizontal swiping feels natural. They're a poor home for important content: most people never get past the first slide.

Say whether it should auto-advance (often annoying) and whether it loops back to the start.

Say it like a builder

How to ask for it

Vague

“Show the house photos where you can go through them.”

Precise

“Show the listing photos in a carousel: one photo at a time at 16:9, left/right arrows on hover, dots underneath, and swipe on mobile. No auto-advance, and it doesn't loop.”

Why it works

"Go through them" could be a grid or a lightbox; "carousel" names a one-at-a-time slider and the prompt settles controls and looping.

In the wild

You've seen this in

  • AListing photos on Airbnb
  • IMulti-photo posts on Instagram
  • NThe "Up next" row on Netflix
Usage note

Often confused with