Skip to content
Index730 resources
Carousel

Carousel

85 resources in the index ship this component, best first. Group: Media.

Also called · content slider · slideshow · image rotator · coverflow · swiper · slider gallery · banner rotator

Before you ship

5
  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 it

85