Logo Stack

Overlapping circle-cropped brand logos with a +N overflow chip and a two-line social-proof copy.

StripeNotionSlackFigma+424
Teams already onboardedJoining every week

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

Import & use
import { Logo7 } from "@/components/beste/piece/logo7";

<Logo7
  logos={[
    {
      "name": "Stripe",
      "src": "https://oud.pics/sm/l/stripe.jpeg"
    },
    {
      "name": "Notion",
      "src": "https://oud.pics/sm/l/notion.png"
    },
    {
      "name": "Slack",
      "src": "https://oud.pics/sm/l/slack.svg"
    },
    {
      "name": "Figma",
      "src": "https://oud.pics/sm/l/figma.png"
    }
  ]}
  total={428}
  label="Teams already onboarded"
  sublabel="Joining every week"
/>

More Logo pieces

View all Logo
StripeStripe

Square icon tile paired with a bold wordmark. Pick from four icons and three tones.

Notion
NotionThe connected workspace

Larger brand mark with an icon tile, bold wordmark, and a small tagline underneath.

Notion
Notion42.1Mmonthly active users

Single brand tile beside a stack that prints the uppercase brand name, a big mono metric, and a supporting line.

Loved by modern teams
Stripe
Notion
Slack
Figma
Dropbox
Gmail

Titled 3-by-2 grid of bordered tiles, each centered on a customer or partner logo for social proof.

Trusted by teams at

Slow-scrolling horizontal logo strip with edge fades that loops forever, set via a duration prop.

StripeStripe
vs
NotionNotion
Head-to-head comparison

Two brand tiles framing an italic separator like vs, with a neutral caption underneath for context.