Splash Cursor
Interactive cursor effect that creates beautiful splash animations following mouse movement and clicks with customizable colors and particles.
Pro Features
Unlock advanced capabilities with the Pro version
Container Isolation
Each container has its own isolated splash effects
Particle System
Advanced particle effects with customizable count and behavior
Custom Colors
Support for custom color palettes and gradients
Multiple Animations
Four different animation types with smooth transitions
Fine Control
Detailed configuration for threshold, duration, and effects
Performance Optimized
Efficient rendering with configurable limits
Installation
Install via CLI
npx moonui-cli@latest add splash-cursorUsage
Move your mouse around this area
Examples
Basic Splash Effect
Simple cursor trail with default settings.
Move your mouse quickly to see splash effects
The faster you move, the more splashes appear
Different Animation Types
Compare various splash animation styles.
Scale Animation
Ripple Animation
Burst Animation
Fade Animation
With Particle Effects
Splash effect with additional particle animations.
Particle Burst Effect
Click or move quickly to see particles
Custom Colors
Use custom color palettes for splash effects.
Custom Color Palette
Each splash uses a different color
Interactive Canvas
Drawing board with splash cursor effects.
Interactive Canvas
Draw with your cursor!
Different Sizes
Various splash effect sizes.
Small
Medium
Large
XL