Text Wave Animation for Bricks Builder

Customize your text wave effect using the controls below
Click the Get Code button and copy the JavaScript
In Bricks Builder, add a Code element and paste the JavaScript
Add the attribute
data-textwave📋
to any text element where you want the wave effect

This tool creates a custom script with your settings built-in. You only need to add the data attribute to implement your text wave effect!

WAVE

BricksFusion Exclusive Get Your Text Wave Effect

Transform your static text into mesmerizing wave animations with dynamic motion patterns.

Animation Settings

Animation Pattern

Choose the animation pattern for the text

Loop Duration 3s

Time between pattern changes (for cycling mode)

Transition Speed 1s

Speed of letter transitions

Effect Radius 50%

Size of the animation effect

Appearance

Rotation Amount 180°

Maximum rotation angle for letters

Scale Range 0.5-1.5x

Variation in letter sizes

Easing Function

Animation easing style

Advanced Settings

Auto Start

Start animation automatically

Loop Animation

Keep animation looping

Responsive Sizing

Adjust effect size on window resize

Documentation