Textmotion - breakfusion.com

Customize your text motion effect using the controls below
Click the Get Instant Code button and copy the JavaScript
In Breakdance Builder, add a Code element and paste the JavaScript
Add the attribute
data-text-motion📋
with the value "true" to any text element where you want the motion 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 motion effect!

Create stunning animations

Breakfusion Exclusive Get Your Text Motion Effect

Transform your static text into dynamic, eye-catching content with smooth motion animations.

Easy implementation with simple data attributes
Multiple animation styles for creative flexibility
Fully responsive and mobile-friendly
Customizable timing and colors

Animation Settings

Animation Type

Choose how the text animates into view

Split Type

How the text is divided for animation

Animation Speed 1x

Speed multiplier for the animation

Advanced Settings

Stagger Delay 0.02s

Delay between each animated element

Trigger Position 80%

Viewport position where animation starts

Repeat Animation

Repeat animation when scrolling back up

Documentation

GETTING STARTED

MENU ANIMATION

CORE BACKGROUND

SHOWCASE

VISUAL EFFECTS

ANIMATED TEXT

INTERACTION

INSTANT MOTION

TRANSITION PAGES

How to Use in Breakdance Builder

JavaScript Code