Infinite Marquee
Your logos scroll forever—silky, seamless, soft edge fades.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | React.ReactNode[] | - | Items rendered twice for a seamless loop. |
speed | number | 30 | Cycle duration in seconds. Lower is faster. |
direction | "left" | "right" | "left" | Animation direction. |
pauseOnHover | boolean | false | Pause the loop when the cursor enters. |
gap | string | "gap-20" | Tailwind gap class between items. |
fade | boolean | true | Apply soft mask-image fades at both edges. |