---
title: "Double Wave — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ali Çorak · Effects. Double Wave works well as an atmospheric background for hero sections, product pages, portfolios, and immersive landing pages."
canonical: "https://framer.elliotli.dev/component/double-wave"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Double Wave

# Double Wave

Layered, fluid smooth wave effect

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

![Double Wave preview image 1](https://framer.elliotli.dev/og/component/double-wave/c2cfbd8938f06f7d/1600x1200.jpg)

## Summary

Double Wave works well as an atmospheric background for hero sections, product pages, portfolios, and immersive landing pages.

## Description

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

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

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

Create a layered, fluid wave effect with smooth motion, organic depth, and subtle texture. Double Wave works well as an atmospheric background for hero sections, product pages, portfolios, and immersive landing pages.

Choose from ready-made presets or use your own color source, then adjust the animation and rendering to match the mood of your design.

**How to use**

Drop the component into your layout and resize it to cover the desired area. Choose a light or dark theme, select a preset, or connect a custom color source.

Fine-tune the result using speed, intensity, scale, grain, and quality controls. You can also enable cursor interaction and choose whether the animation should respect the visitor’s reduced-motion preference.

**Features**

-   Animated layered wave effect
    
-   Light and dark themes
    
-   Multiple visual presets
    
-   Support for custom color sources
    
-   Adjustable animation speed
    
-   Intensity and scale controls
    
-   Optional grain texture
    
-   Optional cursor interaction
    
-   Adjustable rendering quality
    
-   Respects reduced-motion preferences
    
-   Works as a section, frame, or full-page background
    
-   Responsive across desktop, tablet, and mobile
    
-   No setup or coding 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 · #9984

## Details

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

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows