New

9 buttons. Ready to use.

Text Wave Configurator - BricksFusion
data-textwave
How to Use & Code Information
  1. Customize your text wave animation using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Bricks Builder, add a Code element
  4. Paste or upload the JavaScript code
  5. To add the effect to any text element: go to Section → Style → Attributes, add data-textwave as attribute name (leave value empty)
Interactive Text Wave Preview
Animation Settings
Animation Pattern
Loop Duration
3s
Transition Speed
1s
Effect Radius
50%
Appearance
Rotation Amount
180°
Scale Range
0.5-1.5x
Easing Function
Advanced Options
Auto Start
Start animation automatically
Loop Animation
Keep animation looping
Responsive Sizing
Adjust effect size on window resize