React Bits

Splash Cursor

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

Splash Cursor, a React Bits component

Use Splash 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/SplashCursor-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.

  • Click Spark

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

  • Cubes

    A grid of outlined 3D cubes that turn to face the cursor, spin when swept and ripple on click.