Animations/Marquee
Marquee
Seamless infinite scroll — horizontal or vertical — with edge fade and pause-on-hover.
ajax-ui.com/marquee
Framer
Linear
Vercel
Stripe
Supabase
Figma
Notion
Installation
npx ajaxui add marqueeReverse direction
ajax-ui.com
Framer
Linear
Vercel
Stripe
Supabase
Figma
Notion
Stacked
ajax-ui.com
Framer
Linear
Vercel
Stripe
Supabase
Figma
Notion
Framer
Linear
Vercel
Stripe
Supabase
Figma
Notion
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| direction | "horizontal" | "vertical" | "horizontal" | Scroll orientation. |
| duration | number | 30000 | Ms per full loop. |
| reverse | boolean | false | Reverse scroll direction. |
| pauseOnHover | boolean | true | Pause the marquee when hovered. |
| fade | boolean | true | Fade out at the edges. |
| gap | string | "gap-8" | Tailwind gap class applied between children. |