Preview component Create elegant animated line fields with smooth flowing motion and fully customizable behavior. Choose from handcrafted presets or build your own look by adjusting line spacing, wave amplitude, perspective, colors, gradients, and interactive cursor effects. From subtle topographic patterns to energetic flowing backgrounds, Wave Lines makes it easy to add depth and motion to hero sections, landing pages, portfolios, and creative websites.

How to use

Drop the component into any frame or section and resize it to fit your layout. Start with one of the built-in presets or switch to Custom for complete creative control.

Adjust colors, gradients, line spacing, wave motion, perspective, and animation speed to create your desired effect. Add cursor interaction and optional scroll reactions for a more engaging experience, then fine-tune the animation directly from the property panel.

Features

• Multiple built-in presets

• Fully customizable wave animation

• Solid or gradient color modes

• Adjustable gradient angle

• Optional animated hue cycling

• Custom line spacing and thickness

• Adjustable wave amplitude and speed

• Perspective and directional controls

• Layered depth effect

• Edge fade for seamless blending

• Interactive cursor effects

• Optional scroll-responsive animation

• Responsive across all screen sizes

• High-performance rendering

• No code required

Refund Policy:

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: hi@alicorak.com