React Bits

Blob Cursor

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

Blob Cursor, a React Bits 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 React Bits 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

    Liquid splash burst at cursor with curling ripples and waves.