Atelier UI

Search components…

Search components…

Logo Cloud

Customer logo wall as an infinite marquee or a static grid.

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

LogoCloudProps

Also accepts all props of Omit<React.ComponentProps<"div">, "title">

PropTypeDefaultDescription
logos* requiredLogo[]——
titleReact.ReactNode——
variant"marquee" | "grid""marquee""marquee" scrolls the logos, "grid" lays them out statically
durationnumber30Seconds for one full loop of the marquee
pauseOnHoverbooleantrue—
mutedbooleantrueLogos stay muted until hovered

Install

$ npx shadcn@latest add https://chromotion.dev/r/logo-cloud.json

The CLI installs the base component; your customizations live in the code generated on the Customize tab.

More like this