Scroll Based Velocity

Docs

Scrolling text whose speed changes based on scroll speed

Velocity Scroll

Installation

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

Prop	Type	Default	Description
`className`	`string`	`-`	The class name to be applied to the component
`children`	`ReactNode`	`-`	Content to be animated
`defaultVelocity`	`number`	`5`	Base scroll velocity of text
`numRows`	`number`	`2`	Number of rows to be animated

Contribute