Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProUse this when quotes should rotate by themselves on a landing page: cross-fading blockquotes that hold for pointer and focus, with a Pause button and the live region switched off while they rotate.
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 a testimonial strip in a hero or pricing section where space allows one quote at a time.
Do not use it for quotes people need to compare, or in long-form pages where motion distracts. Show them in a grid.
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 |
|---|---|---|---|
quotes | Quote[] | - | Each quote has an id, text, name and role. |
label | string | - | Accessible name of the carousel. |
interval | number | 8000 | Time on each quote in ms. |
The pattern ships with a Testing Library test (testimonial-rotating-quotes.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.