Logo marquee
The tools a product is built with, drifting past in a slow, seamless marquee under a short heading, with soft edges instead of hard cuts.
Dependencies
Interaction Type
A labelled section landmark. The logos drift in one endless row that fades out at both edges; the second copy that closes the loop is hidden from screen readers and from Tab. Hover or keyboard focus pauses it, and it runs the other way in RTL. Reduced motion stops it and wraps the logos into a static centered row.
Props
Options you can pass to customize this component.
titleSection heading. Defaults to "Built on the tools you already ship".
descriptionSupporting text under the heading.
logosLogos in order. name is the alt text, invert flips a one color mark in that theme: "dark" turns a black mark white in dark mode, "light" turns a white mark black in light mode, href links it in a new tab. Defaults to the eight tools Nexvyn UI is built with.
classNameMerged onto the section with cn().
durationSeconds for one full loop. Defaults to 40; longer is calmer.
Installation
How to use
<SocialProofLogosMarquee duration={60} />Source Code
Click the code icon in the top-right corner to view the source code.
License & Usage
- •Free for personal and commercial use
- •No attribution required
- •Cannot be resold as a standalone product
- •Anatomy/blueprint diagrams are licensed separately (CC BY-NC 4.0) and are not for commercial use
// No code loaded.Built on the tools you already ship
Written in TypeScript for React and Next.js, animated with Motion, shaped by Radix patterns and installed through the shadcn CLI.
