Skip to content
IndexDesign corpus

Carousel

94 resources ship this component · Media

Also called: content slider, slideshow, image rotator, coverflow, swiper, slider gallery, banner rotator.

Before you ship5 checks
  1. 01Ways of interaction — Defining whether the carousel transitions are auto-play, navigated by controls, or both
  2. 02Visual progress indicator — Show dots, numbers, or a progress bar so users know how many slides there are and which one they're currently viewing
  3. 03Dimensions and alignment — The size of the items in the carousel, and their responsiveness across devices
  4. 04Animation behaviour — The direction, speed and feeling of how the items transition between each other
  5. 05Focused item state — if your carousel shows one item a time, the one on focus should appear different to the items that are entering and exiting

Checks from checklist.design, MIT.

Ships it94