{"repo":"devsterxyz/Klick","free":true,"listed":false,"github":"https://github.com/devsterxyz/Klick","clone":"git clone https://github.com/devsterxyz/Klick.git","description":"A cursor click animation library for React and Next.js, sprinkle delightful click effects on any element with a single CLI command.","language":"TypeScript","stars":63,"topics":["nextjs","registry","shadcn-ui"],"license":"MIT","category":"ui-components","readme_excerpt":"Klick A cursor click animation library for React and Next.js, sprinkle delightful click effects on any element with a single CLI command. Live demo: klick-here.vercel.app Table of Contents - What is Klick? - Component Examples - Available Components - How it Works - Issues You Might Face - Development - License What is Klick? Klick is a cursor click animation library for React and Next.js components or pages. Wrap any element, a button, a card, a whole page, and every click triggers a canvas-based animation like rain droplets, hearts, radiating lines, smoke puffs, and more. Components install with a single CLI command (powered by shadcn/ui), so the code lands directly in your project, fully typed and ready to customize. Component Examples ClickDroplet a rippling splash effect on click. ClickHeart little hearts that pop out on click. ClickRain falling streaks that ripple where they land. Available Components 48 installable click animations. Wrap any element in one of these and every click triggers the effect. Component --- --- --- click-binary click-agitate click-alignment click-black-hole click-blast click-bounding-box click-bullet-time click-diffusion click-double-sonar click-droplet click-embers click-fire click-fire-trail click-firework click-fission click-flame click-float click-flow-field click-focus click-fusion click-generative click-geo click-ghost click-heart click-holo-sphere click-load click-matrix-rain click-ping click-quantum click-radiate click-rain click-resona","default_branch":null,"files":null,"tree":[],"storefront":"/r/devsterxyz","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/devsterxyz/Klick/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}