Typography & motion

Marquee

Children duplicated for a seamless loop, fade-edge mask, configurable speed, pause-on-hover. Drop-in for "as featured on" and brand strips.

Marquee runs an infinite horizontal scroll. Children are duplicated under the hood for a seamless loop, the edges fade-mask so the line doesn't pop in/out at the viewport boundary, and the whole thing pauses on hover by default.

Live preview

allowancesavings goalchoresbirthdaystreakrewardsfamily pulse

Example

tsx

import { Marquee } from '@kidcash/ui';

<Marquee speed={40} pauseOnHover>
  <span>Stripe-style</span>
  <span>Linear-style</span>
  <span>Vercel-style</span>
  <span>Apple-style</span>
</Marquee>

Want all 27 in one place?

The home playground shows every component side-by-side. Or install @kidcash/ui and use Marquee in your own app.

← Previous

AnimatedNumber

Spotlight