---
title: "Wave Lines Pro — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ali Çorak · Sections. Animated line fields"
canonical: "https://framer.elliotli.dev/component/wave-lines-pro"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Wave Lines Pro

# Wave Lines Pro

Animated line fields

[View on Framer](https://framer.com/marketplace/components/wave-lines-pro/?via=elliot-li)

![Wave Lines Pro preview image 1](https://framer.elliotli.dev/og/component/wave-lines-pro/5d95bfb3b70f6cf8/1600x1201.jpg)

## Summary

Animated line fields

## Description

**Unlock entire Depth library for $149. One price. Lifetime.**

[**Get Depth**](https://depth.website/#all-access)

**\--------------------------------------------------------**

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](mailto:hi@alicorak.com)

## Rank history [How rankings work →](/terms#rankings)

-   All · #9743

## Details

- **Author**: Ali Çorak
- **Price**: $5.00
- **Published**: 2026-07-23
- **Updated**: 2026-08-16
- **Added**: 2026-07-23
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove