Wavy Lines
Interactive animated wave grid component with fluid motion and mouse interaction. Creates dynamic flowing lines that respond to cursor movement with physics-based animation.
Make it with Workshop
Build your own component with AI
About
Interactive animated wave grid component with fluid motion and mouse interaction effects. Creates dynamic flowing lines that respond to cursor movement with physics-based animations.
Features
Animated wave grid with Perlin noise-based movement
Interactive mouse/touch effects with radial displacement
Customizable wave speeds (horizontal and vertical)
Adjustable wave amplitudes for different motion intensities
Configurable grid spacing (X and Y gaps)
Physics controls (friction, tension, max displacement)
Customizable line and background colors
Smooth spring-based cursor interaction damping
Responsive canvas that fills container dimensions
The component creates a mesmerizing animated background perfect for modern web interfaces, with natural-feeling wave motion that users can interact with by moving their cursor across the surface.
