Glass RippleGlass surface component with SVG distortion, optional ripple on click, and cursor followinganimationsglassrippleblurdistortionanimation PreviewCodeClick for ripple effectCopyimport { Glass } from "@/components/vritti/glass-ripple"; export function GlassRippleExample() { return ( <div className="relative flex h-[400px] w-full items-center justify-center overflow-hidden rounded-lg border bg-gradient-to-br from-purple-500 via-pink-500 to-red-500"> <Glass width={200} height={200} borderRadius={16} tintOpacity={0.15} blur={4} ripple className="flex items-center justify-center" > <p className="text-white text-center font-medium p-4"> Click for ripple effect </p> </Glass> </div> ); } Installation CLIManualpnpmnpmyarnbunpnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/glass-ripple"Copy Dependencies pnpmnpmyarnbunpnpm add motionCopy