Logo Marquee
Trusted by teams at
Slow-scrolling horizontal logo strip with edge fades that loops forever, set via a duration prop.
The import and the props worth knowing about, in one place.
import { Logo3 } from "@/components/beste/piece/logo3";
<Logo3
heading="Trusted by teams at"
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": "Gmail",
"src": "https://oud.pics/sm/l/gmail.jpeg"
},
{
"name": "Figma",
"src": "https://oud.pics/sm/l/figma.png"
},
{
"name": "Dropbox",
"src": "https://oud.pics/sm/l/dropbox.png"
},
{
"name": "Apple",
"src": "https://oud.pics/sm/l/apple.png"
},
{
"name": "Drive",
"src": "https://oud.pics/sm/l/google-drive.png"
}
]}
durationSeconds={40}
/>Trusted by product teams
Customer logos drift past in one endless seamless lane, softened at both edges so nothing pops in or out.
+424Overlapping circle-cropped brand logos with a +N overflow chip and a two-line social-proof copy.
Larger brand mark with an icon tile, bold wordmark, and a small tagline underneath.
StripeNotionSlackFigmaDropboxStripeLead phrase paired with a logo and name that blur-fade to the next brand on a fixed interval.