Skip to main content

Updated: Splash Cursor

By Steven Van ·

The React Bits cursor effect gains ink, smoke, lava and silk looks, a soft glow, a light theme and an idle state that rests when the cursor stops.

Splash Cursor, the fluid-simulation cursor effect in React Bits, has been updated. Strokes now flow unbroken with smoothly shifting colors, clicks burst into a real splash, and the effect rests when the cursor is idle.

New looks

The component adds ink, smoke, lava and silk looks, along with a soft glow and a light theme.

Installing it

The component page offers JavaScript or TypeScript variants, with plain CSS or Tailwind. The TypeScript and Tailwind version installs with npx shadcn@latest add @react-bits/SplashCursor-TS-TW.

React Bits
React Bits
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →
Sources

Original source

Read Updated: Splash Cursor on Creators Toolbox