deleted

Splash Cursor

Component 1.3K

About

A WebGL-based fluid simulation cursor effect component. Creates an interactive fluid-like animation that follows cursor movement. Features: • WebGL-based fluid simulation • Interactive cursor tracking • Customizable fluid parameters • Real-time color transitions • Pressure and curl effects • High-performance rendering • Touch support • Responsive design • Configurable resolution • Hardware-accelerated graphics

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Splash Cursor to your project and fits it to your theme.

Code

How Splash Cursor is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { SplashCursor } from "@/components/ui/splash-cursor"

export function NoiseDemo() {
  return (
    <SplashCursor />
  )
}

More by deleted

View all
  • Star Border

    Star Border

    728
  • Tilted Scroll

    Tilted Scroll

    433
  • Waves Background

    Waves Background

    362
  • Squares Background

    Squares Background

    326
  • Prism

    Prism

    218
  • Grid Motion

    Grid Motion

    183
  • Circular Gallery

    Circular Gallery

    173
  • Bounce Cards

    Bounce Cards

    143