Text Cursor ProximityText that changes CSS properties based on cursor distance from each lettertextcursorproximityinteractiveanimation PreviewCodeMove your cursor hereMove your cursor hereCopy"use client" import { useRef } from "react" import TextCursorProximity from "@/components/vritti/text-cursor-proximity" export function TextCursorProximityExample() { const containerRef = useRef<HTMLDivElement>(null) return ( <div ref={containerRef} className="flex items-center justify-center p-16 min-h-[200px]" > <TextCursorProximity containerRef={containerRef} className="text-4xl font-bold" radius={100} falloff="gaussian" styles={{ opacity: { from: 0.3, to: 1 }, scale: { from: 1, to: 1.3 }, }} > Move your cursor here </TextCursorProximity> </div> ) } Installation CLIManualpnpmnpmyarnbunpnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/text-cursor-proximity"Copy Dependencies pnpmnpmyarnbunpnpm add motionCopy