Logo Rotator

Lead phrase paired with a logo and name that blur-fade to the next brand on a fixed interval.

Used at
StripeNotionSlackFigmaDropboxStripeNotionSlackFigmaDropbox

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

Import & use
import { Logo4 } from "@/components/beste/piece/logo4";

<Logo4
  lead="Used at"
  logos={[
    {
      "src": "https://oud.pics/sm/l/stripe.jpeg",
      "alt": "Stripe"
    },
    {
      "src": "https://oud.pics/sm/l/notion.png",
      "alt": "Notion"
    },
    {
      "src": "https://oud.pics/sm/l/slack.svg",
      "alt": "Slack"
    },
    {
      "src": "https://oud.pics/sm/l/figma.png",
      "alt": "Figma"
    },
    {
      "src": "https://oud.pics/sm/l/dropbox.png",
      "alt": "Dropbox"
    }
  ]}
  intervalMs={2200}
/>

More Logo pieces

View all Logo
StripeStripe
vs
NotionNotion
Head-to-head comparison

Logo Compare

logo9

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

Trusted by teams at

Logo Marquee

logo3

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

StripeNotionSlackFigma+424
Teams already onboardedJoining every week

Logo Stack

logo7

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

Notion
Notion42.1Mmonthly active users

Logo Metric

logo8

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

Notion
NotionThe connected workspace

Brand Lockup

logo2

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

StripeStripe

Brand Chip

logo1

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