Omni Carousel Search Omni docs and demos…

Fixed-width slides

Carousels with slides that have consistent, fixed widths

Small carousel(3 sl.)

  • 1
  • 2
  • 3
Zero configuration

Scroll alignment (center) autodetected from CSS.

This carousel is for testing and showcasing Omni’s responsiveness.

Try resizing your window or rotating your device to see how Omni responds.

Centered auto-step(48 sl.)

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
Configuration
scrollSteps: 'auto'
indicatorNumbers: true

Scroll alignment (center) autodetected from CSS.

Left-aligned auto-step(16 sl.)

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
Configuration
scrollSteps: 'auto'

Scroll alignment (start) autodetected from CSS.

Centered single-step(20 sl.)

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
Zero configuration

Scroll alignment (center) autodetected from CSS.

Left-aligned single-step(20 sl.)

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
Configuration
scrollSteps: 'auto'

Scroll alignment (start) autodetected from CSS.

Centered auto-step(8 sl.)

  • Closeup of a pink object against a blue sky
  • Closeup photo of yellow paper boat
  • Yellow black green and orange digital wallpaper
  • Painting of a multicolored pattern with a white background
  • Blue red pink and yellow abstract painting
  • Minimalist geometric design with blue and green areas divided by white and yellow lines
  • Black and yellow door with a yellow stripe
  • Low angle photography of concrete buildings under blue sky