Velora UI

Logo Cloud

Customer logos muted until hovered, so they read as texture.

  • 0.8 KB gzipped
  • Zero dependencies
  • Reduced-motion safe
  • Base UI & Radix compatible
Open in v0

Preview

Astro
Next.js
Remix
Vite
Nuxt
SvelteKit

Installation

pnpm dlx shadcn@latest add https://velora.colorlib.com/r/logo-cloud.json

Adds components/velora/logo-cloud.tsx.

Props

PropTypeDefault
logos*

One entry per logo — pass SVGs, `img` elements or plain wordmarks

{ name: string; logo: React.ReactNode }[]—
dimUntilHover

Show logos muted until hovered

booleantrue

Also accepts every <div> attribute, forwarded to the root element.

Accessibility

Reduced motion
The 300ms fade is removed, so a hovered logo switches straight from dimmed grayscale to full color.
Keyboard
Decorative — nothing to operate.
Screen readers
A list with one item per logo, each announced by its `name`; the logo node itself is aria-hidden.