Logo Cloud
A social-proof band of client logos. marquee (default) auto-scrolls an edge-faded, seamless loop that pauses on hover and stops under reduced motion — pure CSS, no JS. static-grid lays them out in a centred, wrapping row. Pass logos as an array of nodes.
$
Registry itembunx shadcn@latest add @nx-ui/logo-cloudInstalls withutils
Marquee, brand band
The default: a dark brand-700 band with a continuously scrolling, edge-faded track. Hover to pause. Render logos white/reversed to sit on the dark surface.
Trusted by operators across the industry
- Riverside
- Hallow Farm
- Meridian
- Northgate
- Coppice & Co
- Blackwell
- Fenland
- Ardent
Static grid, muted band
variant=static-grid + tone=muted: a calm, centred wrapping row on a light surface — the low-key option when motion isn't wanted.
A few of the teams we work with
Riverside
Hallow Farm
Meridian
Northgate
Coppice & Co
Blackwell
API reference
Exported parts and their props, extracted from the component source.
| Prop | Type | Default | Description |
|---|---|---|---|
logos* | React.ReactNode[] | — | The logos, as nodes. Render white/reversed for the dark brand band. |
title | string | "Trusted by teams across the industry" | — |
variant | "marquee" | "static-grid" | "marquee" | — |
tone | "brand" | "muted" | "brand" | — |
className | string | — | — |