Logo Strip Badge

A trusted by logo strip badge with grayscale logos that regain color on hover.

Powering teams atnpmpnpmYarnBun

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Badge20 } from "@/components/beste/component/badge20";

<Badge20
  label="Trusted by"
  logos={[
    { src: "/logos/acme.svg", alt: "Acme" },
    { src: "/logos/globex.svg", alt: "Globex" },
    { src: "/logos/initech.svg", alt: "Initech" },
  ]}
/>

<Badge20
  logos={[{ src: "/logos/acme.svg", alt: "Acme" }]}
  height={32}          // logo height in px (default 24)
  grayscale={false}    // full-color logos
  tone="foreground"    // label color: "muted" (default) | "foreground"
/>