Logo Rotator
Used at
StripeNotionSlackFigmaDropboxStripe
StripeNotionSlackFigmaDropboxStripeStripeNotionSlackFigmaDropboxStripeLead phrase paired with a logo and name that blur-fade to the next brand on a fixed interval.
The import and the props worth knowing about, in one place.
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}
/>Two brand tiles framing an italic separator like vs, with a neutral caption underneath for context.
Slow-scrolling horizontal logo strip with edge fades that loops forever, set via a duration prop.
+424Overlapping circle-cropped brand logos with a +N overflow chip and a two-line social-proof copy.
Trusted by product teams
Customer logos drift past in one endless seamless lane, softened at both edges so nothing pops in or out.
