Astra

Swarm Cursor

A liquid swarm of particles that flows after the cursor, curls into eddies and pours around hovered buttons.

Swarm Cursor, a Astra component

Use Swarm Cursor 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/SwarmCursor-TS-TW
How to install Astra components

Related components

  • Ghost Cursor

    A ghost of glowing smoke that floats after the cursor and curls away as it rises.

  • Blob Cursor

    Liquid metal blob cursor that stretches, sloshes and bursts into droplets, in chrome, jelly, pearl or ink.

  • Click Spark

    Bursts of sparks at every click, as dashes, comets, dots or stars, that can spill around buttons.