React Bits

Meta Balls

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

Meta Balls, a React Bits component

Use Meta Balls 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/MetaBalls-TS-TW
How to install React Bits components

Related components

  • Blob Cursor

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

  • Crosshair

    Crosshair cursor with live coordinates that locks onto links and buttons and measures them.

  • Dither Veil

    A 1-bit dithered photo the cursor burns through to full colour, knitting back cell by cell.