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.

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>

Try it live

← Back to the playground to see Marquee rendered with every variant. Or install @kidcash/ui and copy the example above into your own app.

← Previous

AnimatedNumber

Spotlight