v1.8

Layouts & 50+ New Elements — Now Available! Layouts & 50+ Elements!

Get Access

Documentation

v1.8

Library

Button effects

Wave effect

The Wave Effect is a visually dynamic animation that mimics the motion of waves flowing across the surface of a button or any interactive element.

Preview

Wave effect

Quick Setup

data-wave

Required

Activates the Wave Effect on the button.

Advanced configuration

data-wave-speed

Optional

Controls the speed at which the wave animation moves.

Default: 0.03

data-wave-height

Optional

Specifies the height of the waves as a fraction of the button’s height.

Default: 0.15

data-wave-count

Optional

Sets the number of waves flowing across the button simultaneously.

Default: 3

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