Marquee
An infinitely scrolling row for logos or any content, with edge fade, reverse direction, pause on hover, and reduced-motion support.
Loading preview…
Installation
Add the component source directly to your project.
pnpm dlx shadcn@latest add @pastaui-pro/marqueeAPI reference
Marquee
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | Items in one loop; they are duplicated for a seamless scroll. Add trailing spacing to each item. |
duration | number | 30 | Seconds for one full loop. |
reverse | boolean | false | Scroll left-to-right instead. |
pauseOnHover | boolean | true | Pause the scroll while hovered. |
fade | boolean | true | Fade the left and right edges. |
className | string | — | Additional classes for the viewport. |
