Introducing Magic UI Pro - 50+ blocks and templates to build beautiful landing pages in minutes.


Docs
Scroll Based Velocity

Scroll Based Velocity

Scrolling text whose speed changes based on scroll speed

Velocity Scroll
Velocity Scroll

Installation

npx shadcn@latest add "https://magicui.design/r/scroll-based-velocity"

Props

PropTypeDefaultDescription
classNamestring-The class name to be applied to the component
childrenReactNode-Content to be animated
defaultVelocitynumber5Base scroll velocity of text
numRowsnumber2Number of rows to be animated