All components
Logo Cloud
LayoutA trusted-by grid whose wordmarks fade in and sharpen on hover.
Orbit
Ledger
Quill
Atlas
Pulse
Draft
Installation
Add it with the shadcn CLI:
$
pnpm dlx shadcn@latest add https://nawalkattel.com.np/r/logo-cloud.jsonOr install manually
1. Install dependencies
pnpm add motion clsx tailwind-merge2. Copy the component source into
components/library/logo-cloud.tsx
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| logos | string[] | - | Wordmarks to display. |
| className | string | - | Classes applied to the grid. |
Accessibility
- Text wordmarks rather than images, so they stay legible at any zoom.
- Dimmed state is 60% opacity, which keeps contrast readable before hover.
- Collapses from four columns to three below the sm breakpoint.
Dependencies
motionclsxtailwind-merge