Improved Top Bar

Transition Pages now available plus 5 new elements coming end of month Transitions available plus 5 new end of month

Animated elements

Core Background

Dynamic background animations

Showcase

Impressive presentation effects

Visual effects

Eye-catching elements

Animated texts

Dynamic typography effects

Interactions

User-triggered animations

Menu animation

Interactive Menu Effects

New

Transition pages

Smooth navigations effects

Soon

Instant Motion

Instant animations, preconfigured for stunning visual impact

Ready to enhance your Breakfusion experience?

Add premium elements that enhance user experience.

Quick Started

Contact

Get in touch with us

Quick Started

Custom documentation

ChangeLog

Latest updates and improvements

Roadmap

Find out what's coming to Breakfusion

Ready to enhance your BreakDance experience?

Unlock Breakfusion. Make today your launch day.

Text Wave Configurator

How to Use in Breakdance Builder

  1. Customize your text wave effect using the controls below
  2. Click the Get Code button and copy the JavaScript
  3. In Breakdance Builder, add a Code element and paste the JavaScript
  4. Add the attribute
    data-textwave📋
    with the value "true" 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 with the value "true" to implement your text wave effect!
WAVE
Breakfusion Exclusive Get Your Text Wave Effect

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

  • Easy implementation with simple data attributes
  • Multiple animation styles for creative flexibility
  • Fully responsive and mobile-friendly
  • Customizable timing and colors
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

JavaScript Code