Omni Carousel Search Omni docs and demos…
npm GitHub

Mixed-width slides

Carousels with slides of varying widths and sizes

Centered auto-step scrolling(64 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
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
Configuration
scrollSteps: 'auto'
hasEqualWidths: false

Scroll alignment (center) autodetected from CSS.

Start-aligned auto-step scrolling(12 sl.)

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
Configuration
scrollSteps: 'auto'
hasEqualWidths: false

No scroll alignment found in CSS; using start.

Centered single-step scrolling(16 sl.)

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

Scroll alignment (center) autodetected from CSS.

Left-aligned single-step scrolling(32 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
Zero configuration

Scroll alignment (start) autodetected from CSS.

Centered, auto-step scrolling(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 composition of white and deep red painted wall textures
  • Black and yellow door with a yellow stripe
  • Low angle photography of concrete buildings under blue sky
Configuration
scrollSteps: 'auto'
hasEqualWidths: false

Scroll alignment (center) autodetected from CSS.

Photography

  1. Alex Padurariu
  2. Alex Padurariu
  3. Hamed Daram
  4. Clark Van Der Beken
  5. Delila Ziebart
  6. Janos Richter
  7. William Daigneault
  8. Ferdinand Stöhr