A production component library·Now in private beta
stable Content

SDF Logo Marquee

A horizontally scrolling strip of text wordmarks that loops seamlessly, pauses on hover, and respects reduced-motion.

Sign in to copy

Trusted by teams everywhere

NorthwindAcme LabsVertexLumenCascadeFoundryMeridianHalcyon
SdfLogoMarquee.tsx 67 lines · TypeScript

The full source is for members

Sign in and choose a plan to view and copy SdfLogoMarquee.tsx. The live preview above is free to explore.

Sign in

How to use. Copy SdfLogoMarquee.tsx into your project (it's self-contained — the styles ship with it and dedupe across instances in React 19). Theme it by setting --sdf-* tokens on any ancestor. No dependencies, no build step.

All React components
A Stacklumen Product