Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProUse this when a carousel relies on motion effects: it renders the parallax carousel normally and a calm native scroll-snap row with the same content when the system asks for reduced motion.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it for hero and feature carousels with depth or large movement, so people who ask for less motion get a still equivalent instead of a switched-off effect.
Do not use it for carousels with no motion effect. Every carousel in this family already shortens its own animation for reduced motion.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
slides | FallbackSlide[] | - | Each has an id, title, caption and a background node. |
label | string | - | Accessible name of the carousel. |
The pattern ships with a Testing Library test (reduced-motion-fallback.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.