Components
LogoScroller is a reusable React component that creates a smooth, infinitely scrolling horizontal carousel of brand names or logos. It's perfect for showcasing partners, sponsors, clients, or technologies your product integrates with. The scroll speed is customizable, and the animation pauses on hover for accessibility and control.
npx @21st-dev/cli add dhileepkumargm/logo-scrollerLoading preview...
import LogoScroller from "@/components/ui/logo-scroller";
export default function DemoOne() {
const myLogos = [
"Acme Corp",
"Quantum",
"Echo Valley",
"PULSE",
"APEX",
"Celestial",
"Nova",
"Zenith"
];
const scrollSpeed = "35s";
return (
<div className="app-container">
<div className="content-wrapper">
<h2 className="section-title">TRUSTED BY POPULAR COMPANIES</h2>
<LogoScroller logos={myLogos} speed={scrollSpeed} />
</div>
</div>
);
}