Updated: Scroll Velocity
By Steven Van ·
Scroll Velocity rows can now be grabbed and thrown with inertia, lean with scroll speed, and alternate with outlined text.
Scroll Velocity, the text marquee in React Bits, has been updated with new ways to interact with its rows of text.
Motion and interaction
Rows can lean and stretch in response to scroll speed. They can also be grabbed and thrown, and they keep moving with inertia after release.
Styling
Rows can alternate with outlined text. The text size, weight, color and spacing can be set directly.
Installing
The component comes in JavaScript or TypeScript, with plain CSS or Tailwind. For the TypeScript and Tailwind version, the install command is npx shadcn@latest add @react-bits/ScrollVelocity-TS-TW.
React Bits
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →