Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProSlides whose background layer drifts against the slide as it scrolls, with the text staying put; flat when reduced motion is on.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it for a hero or feature story with big images, where a little depth makes dragging feel physical.
Do not use it for dense content or small images, where the drift only gets in the way.
| Part | Prop | Type | Default | Description |
|---|---|---|---|---|
CarouselParallax | items | ParallaxItem[] | required | { id, title, caption?, background }. The background is the layer that drifts. |
CarouselParallax | label | string | required | Accessible name of the carousel. |
CarouselParallax | depth | number | 0.25 | How far the background drifts, as a share of the slide width. |
CarouselParallax | loop | boolean | false | Wrap around at the ends. |
CarouselParallax | onIndexChange | (index) => void | - | Called with the snap index when the selection changes. |
CarouselParallax | setApi | (api) => void | - | Receives the Embla API, for controls placed outside the carousel. |
The component ships with a Testing Library test (carousel-parallax.test.tsx). Embla needs layout to count snaps, and jsdom has none, so the repo's mockCarouselLayout helper gives the viewport and slides real sizes in tests.