Astra

Blob Cursor

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

Blob Cursor, a Astra component

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

Related components

  • Meta Balls

    Liquid metaballs that merge, stretch and pinch apart, with a cursor blob that pushes through them.

  • Metallic Paint

    Liquid chrome that flows over your logo or text, adapted from Paper's Liquid Metal shader.

  • Splash Cursor

    A fluid simulation that trails the cursor in swirling ink and bursts into a splash on click.