Liquid Surf
A mesmerizing, animated wave component that creates flowing, liquid-like patterns with interactive mouse/touch effects.
Overview
Liquid Surf renders dynamic wave patterns using Perlin noise and spring physics, creating a fluid, surf-like animation. The component responds to cursor movement with realistic physics-based interactions, making the waves appear to flow and ripple around the pointer.
Features
- Perlin Noise Animation: Smooth, organic wave motion using 2D Perlin noise
- Interactive Cursor Effects: Waves react to mouse/touch movement with spring physics
- Fully Customizable: Control wave speed, amplitude, spacing, and interaction parameters
- Performance Optimized: Canvas-based rendering with request Animation Frame
- Responsive: Automatically adapts to container size changes
- Touch Support: Works seamlessly on mobile devices
