carousel

CSS scroll-snap carousel with optional prev/next arrows and dot navigation. Touch / swipe friendly out of the box. Requires pulse-ui.js for button and dot interactivity.

Slide 1

Slide 2

Slide 3

carousel({
  slides: [
    `<div class="slide">Slide 1</div>`,
    `<div class="slide">Slide 2</div>`,
    `<div class="slide">Slide 3</div>`,
  ],
})

Arrows and dots

Arrows only — Slide 1

Arrows only — Slide 2

carousel({
  slides: [ /* ... */ ],
  arrows: true,
  dots:   false,   // hide dot navigation
})

Prop	Type	Default
`slides`	string[] (HTML)	[]	Array of raw HTML strings — one per slide
`arrows`	boolean	`true`	Show prev/next arrow buttons
`dots`	boolean	`true`	Show dot navigation (hidden when only one slide)
`class`	string	—