Search

Search components and blocks

Sign in

Logo Marquee

Pro

An infinite row of logos for a works-with or integrations strip. The track loops seamlessly on a CSS animation, the edges fade out, hovering pauses it, and each logo lights up and grows under the pointer. Stack two rows and reverse one for a woven look. It stands still when the user prefers reduced motion.

pnpm dlx shadcn@latest add @ditherui/logo-marquee
  • Vercel
  • Stripe
  • GitHub
  • Figma
  • Notion
  • Linear
  • Supabase
  • Cloudflare
  • Tailwind CSS
  • React
  • Linear
  • Supabase
  • Cloudflare
  • Tailwind CSS
  • React
  • Vercel
  • Stripe
  • GitHub
  • Figma
  • Notion

Props

items{ name: string; logo: ReactNode }[]—
durationnumber30
reversebooleanfalse
pauseOnHoverbooleantrue
pausedbooleanfalse
classNamestring—

When to use the logo marquee

Use it for a works-with or integrations strip. It is an infinite row of logos looping on a CSS animation.

Suggested components