Astra

Splash Cursor

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

Splash Cursor, a Astra 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 Astra 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.