Logo clouds and brand marquees for React

Free logo cloud components for React and Tailwind CSS: static logo grids, an animated logo wall, a brand marquee hero and an orbiting logo cluster. Social proof with no plugins, MIT.

6 blocksFree, MITshadcn CLI compatibleTailwind CSS v4Light and dark

A logo cloud says "companies like yours use this" in one glance. Use a static row when you have six or fewer logos, and a marquee when you have more than fit on one line.

A centered, wrapping row of customer or partner logos with names in muted text and an optional mark each. Adds social proof to a Tailwind landing page.

npx shadcn@latest add @minidev/logo-cloudCode

A logo wall that scrolls brand names in an endless marquee loop. Pass your own logos array; the motion stops for users who prefer reduced motion.

npx shadcn@latest add @minidev/logo-wall-motionCode

A hero headline above an endlessly scrolling marquee of brand names for social proof. The loop stops when reduced motion is requested by the user.

npx shadcn@latest add @minidev/hero-marquee-brandsCode

A cluster of logo chips orbiting a center badge in a slow continuous rotation, with labels counter rotating to stay upright. Pass center text and logos.

npx shadcn@latest add @minidev/orbit-logo-clusterCode

An infinitely scrolling Tailwind strip that loops its children horizontally, duplicated for a gapless cycle, and stops when users prefer reduced motion.

npx shadcn@latest add @minidev/marqueeCode

A large type Tailwind marquee that loops phrases horizontally in an endless scroll. Pass a phrases array; the loop stops for users who prefer reduced motion.

npx shadcn@latest add @minidev/typographic-marqueeCode

Frequently asked questions

Should a logo marquee loop forever?

A slow loop is fine on marketing pages, but pause it on hover and under prefers-reduced-motion, and keep the logos in the DOM once so screen readers do not read them twice.

More block types