Documentation
v1.9
GETTING STARTED
DYNAMIC ISLAND
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
Open previewQuick Setup
data-wave-background
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