Premium element

Core Background

Wave Background

Wave Background is an interactive visual effect that generates layered waves moving across a canvas element, creating an ocean-like background animation. It allows developers to customize colors, positioning, and z-index, and it reacts to screen resizing and scroll events to ensure a dynamic and responsive user experience.

Preview

Quick Setup

data-wave-background=true

Required

This attribute enables the wave effect on the target element.

Available Presets

data-wave-color="preset-name"

Required

red

pink

orange

blue

green

gray

black

yellow

purple

Advanced configuration

data-wave-zindex

Optional

Defines the z-index for the wave canvas. This allows developers to control the stacking order of the wave animation relative to other elements.

Default: 1

We're here to help

Choose how you'd like to connect with our support team

Contact Support

Get help from our team of experts

Response within 24 hours