Marquee

Infinite horizontal scrolling marquee for logo strips in React

Smooth infinite scroll for client logos or announcements. Content auto-duplicates and loops seamlessly. Pauses on hover. Gradient fades on the edges blend it into your background. Great for "Trusted by" logo strips, sponsor showcases, or news tickers.

Marquee preview

Scroll to load preview

Installation

npx shadcn@latest add https://www.shadcn.io/r/marquee.json

npx shadcn@latest add https://www.shadcn.io/r/marquee.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/marquee.json

bunx shadcn@latest add https://www.shadcn.io/r/marquee.json

Ticker

Stock/crypto price ticker

3D Marquee

Isometric scrolling gallery

Background Beams

Animated beam lines

Animated Testimonials

Scrolling testimonials

FAQ

Was this page helpful?

Cursor

Collaborator cursor indicator with name and message for React

Avatar Group

Overlapping avatar stack with hover effects and tooltips for React

Marquee

Marquee preview

Installation

Related Components

Ticker

3D Marquee

Background Beams

Animated Testimonials

FAQ

How do I make it faster or slower?

Can it scroll the other way?

Does it pause when I hover?

How do the edge fades work?