Web UI - Carrousel


A carrousel is a slideshow component.

You cycles through elements (images or slides of text) where:

  • the actual one is the prominent one
  • shown at the center.

The next/previous one may be visible but are less prominent (smaller in the backend or with a gray color)

Carrousel Example

Other names:

  • gallery
  • sliders

The name generally defined the type of the movement. For instance:

  • slider - rewinds slider to the start/end when it reaches first or last slide,
  • carousel - changes slides without starting over when it reaches first or last slide.

Control and design by device

  • On a mobile, the carrousel is managed via a swipe where the element are moving smoothly
  • On a desktop, the carrousel is managed by page via the mouse.

Documentation / Reference

Discover More
Card Puncher Data Processing

A gallery is a serie of media (image, video) shown in a carrousel with or without popup

Share this page:
Follow us:
Task Runner