Scroll Based VelocityScrolling text whose speed changes based on scroll speedtextanimationscrollmarquee PreviewCodeVelocity ScrollVelocity ScrollCopyimport { ScrollVelocityContainer, ScrollVelocityRow } from "@/components/vritti/scroll-based-velocity"; export function ScrollBasedVelocityExample() { return ( <div className="relative flex w-full flex-col items-center justify-center overflow-hidden p-8"> <ScrollVelocityContainer className="text-4xl font-bold tracking-[-0.02em] md:text-7xl md:leading-[5rem]"> <ScrollVelocityRow baseVelocity={20} direction={1}> Velocity Scroll </ScrollVelocityRow> <ScrollVelocityRow baseVelocity={20} direction={-1}> Velocity Scroll </ScrollVelocityRow> </ScrollVelocityContainer> </div> ); } Installation CLIManualpnpmnpmyarnbunpnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/scroll-based-velocity"Copy Dependencies pnpmnpmyarnbunpnpm add motionCopy