Logo Cloud 02
NewEight customer wordmarks in a hairline grid of bordered cells; hovering or focusing a cell reveals a one-line note about that customer.
Installation
pnpm dlx shadcn@latest add https://kagadmodyaa.vercel.app/r/logo-cloud-02.jsonNeeds a React + Tailwind project set up with shadcn. Copies the block's files into your project, along with the components it uses, so you can edit all of it.
Usage
This block is a section, not a page. Import it where you want it, alongside your other sections.
import { LogoCloud02 } from '@/components/logo-cloud-02/logo-cloud-02'
export default function Page() {
return (
<main>
<LogoCloud02 />
</main>
)
}Files
What the command adds to your project, and where.
components/logo-cloud-02/logo-cloud-02.tsxThe section. Import it into any page and render it; it fills the width of its parent.
Links, copy and the product name are placeholders; swap in your own. Where a block has a form, its submit handler is a stub for your own request.
More in Logo cloud
- Logo Cloud 01A simple row of six greyscale wordmarks under a one-line "Trusted by" caption, three across and two down on a phone.
- Logo Cloud 03A split layout: heading, paragraph, link and a customer count on the left, a three by three grid of wordmark tiles on the right.
- Logo Cloud 04A logo wall with Retail, Health and Software tabs that crossfade between customer sets and a featured quote, with arrow-key navigation and instant swaps under reduced motion.