Components
Marquee
An endless ticker that eases to a stop on hover, and that you can grab and throw — it glides back to cruising speed.
Paste it into ChatGPT, Claude, Cursor or v0.
Usage
import { Marquee } from '@vizzele/react';
<Marquee speed={60} label="Trusted by">
{logos.map((l) => <img key={l.name} src={l.src} alt={l.name} />)}
</Marquee>Props
| Prop | Type | Default | Description |
|---|---|---|---|
speed | number | 60 | px/s. |
reverse | boolean | false | Direction. |
pauseOnHover | boolean | true | Ease to a stop on hover / focus. |
draggable | boolean | true | Grab and throw. |
gap | number | 32 | Space between items (px). |
Accessibility
- Duplicated copies are aria-hidden and inert, so screen readers hear the list once.
- Pauses on focus. Reduced motion: becomes a normal horizontally scrollable row.