Astra

Ghost Cursor

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

Ghost Cursor, a Astra component

Use Ghost 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/GhostCursor-TS-TW
How to install Astra components

Related components

  • Swarm Cursor

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

  • Crystalized Ball

    A glass ball with a crackling electric rim and glowing dust that swirls with the cursor.

  • Blob Cursor

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