Click Spark
Bursts of sparks at every click, as dashes, comets, dots or stars, that can spill around buttons.
Use Click Spark in your project
Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.
npx shadcn@latest add @react-bits/ClickSpark-TS-TWRelated components
- Splash Cursor
A fluid simulation that trails the cursor in swirling ink and bursts into a splash on click.
- Swarm Cursor
A liquid swarm of particles that flows after the cursor, curls into eddies and pours around hovered buttons.
- Blob Cursor
Liquid metal blob cursor that stretches, sloshes and bursts into droplets, in chrome, jelly, pearl or ink.