Social Proof

LogoMarquee

Trusted by everyone you've heard of, including the ones that didn't sign.

Infinite-scroll logo wall. Mix `img` and `node` entries to combine real logos (via simple-icons) with text-only ones (Bloomberg, NASA, Harvard). Duplicates the track for a seamless loop.

Install

Copy this owned-code component into your app from the registry.

pnpm dlx shadcn-svelte@latest add https://benjamin-brady.github.io/performative-ui-svelte/registry/logo-marquee.json

Examples

Real + text logos

NASA

Harvard

<LogoMarquee
  logos={[
    { kind: "img",  src: openaiSvgUrl, alt: "OpenAI" },
    { kind: "img",  src: stripeSvgUrl, alt: "Stripe" },
    { kind: "node", node: <span className="pui-marquee__text">NASA</span> },
    // …
  ]}
  speed={30}
/>

Props

Prop	Type	Default	Description
logos*	MarqueeItem[]	-	Mix of img/node entries.
speed	number	40	Seconds per loop.
gap	number	56	Pixel gap between items.
fade	boolean	true	Edge-fade mask.
pauseOnHover	boolean	-	Pause animation on hover.

Next LogoRow ] →