React Bits

Scroll Velocity

Text marquee animatio - speed and distortion scale with user's scroll velocity.

Scroll Velocity, a React Bits component

Use Scroll Velocity in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/ScrollVelocity-TS-TW
How to install React Bits components

Related components

  • Glitch Text

    RGB split and distortion glitch effect with jitter effects.

  • Scrambled Text

    Detects cursor position and applies a distortion effect to text.

  • Scroll Float

    Text gently floats / parallax shifts on scroll.