Scroll Based Velocity

Docs

Scrolling text whose speed changes based on scroll speed

Velocity Scroll

Installation

import { VelocityScroll } from "@/components/magicui/scroll-based-velocity";

<VelocityScroll>Scroll Based Velocity</VelocityScroll>

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