Carousel

When to use

Use when users are actively browsing through a collection. product galleries, onboarding steps, tutorials. Carousels work when users want to browse, not when you're pushing content.

We primarily use our own VideoCarousel for video content. consider that first.

When not to use

Click-through rates drop sharply after the first slide. Most users won't see all slides. Never put critical information in a rotating carousel. users will miss it.

Guidelines

• 3-5 slides max: More causes decision paralysis.
• No autoplay on mobile: Pages are short. by the time the carousel changes, the user has scrolled past.
• Clear navigation: Users must know there's more content beyond the current slide.
• Support swipe: Mobile users expect swipe gestures. Provide traditional controls too.
• User control: Never auto-advance without user consent.

How it works