Logo cloud
A grid of customer logos that fade in one by one and light up on hover.
npm install motion clsx tailwind-merge or npx programmable-cli add logo-cloud
MP4 and GIF exports are for sites that are not on React. Each counts as this month’s download of the component.
What it’s for
- Integration and partner pages
- A customer logo strip under the hero
- Feature pages that list what you connect to
How to use it
- Download the file. LogoCloud.tsx is one self-contained React component. Pick a brand colour above and the file comes in it, where the component has a main colour to replace. Sites not on React can take it as an MP4 or GIF.
- Install what it uses.
npm install motion clsx tailwind-merge, with Tailwind CSS set up in your project. - Drop it in.
import { LogoCloud } from "./LogoCloud";then render<LogoCloud />where you want it.
Want it about your product? Make one like it and the studio builds a version with your features, numbers and brand.
Related components
Integrations gridThe tools you connect to as a staggered grid, grouped by category, or a minimal row.
Logo marqueeCustomer logos scrolling in an endless CSS loop, in one or two rows, pausing on hover.
ConfettiA burst of confetti for a win moment, fired by a prop or the built-in button.
Process walkthroughSteps that complete one after another with a progress bar and before-and-after metrics.React + Tailwind CSS. Use downloads in your own sites and products; please don’t resell them as a component library. Repeat downloads of the same component in a month don’t count.