Improved Top Bar

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

Text Reveal Configurator

How to Use in Breakdance Builder

  1. Customize your text reveal 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-text-reveal-section📋
    with the value "true" to any section element
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 reveal effect!

Discover the power of smooth text reveal animations.
Create interactive and engaging reading experiences.
Capture your audience's attention with style.

Exclusive from Breakfusion Get Your Text Reveal Effect

Add a smooth text reveal animation to your website that captivates attention and improves reading experience.

  • Easy implementation with simple data attributes
  • Text reveals animated by words as you scroll
  • Completely responsive and mobile-friendly
  • Customizable animation speed and style
Animation Configuration
Animation Speed 0.3x

Controls how sensitive the animation is to scrolling (lower = faster reveal with less scrolling)

Trigger Position 50%

Position in viewport where animation triggers (0 = top, 100 = bottom)

Animation Length 100%

Distance over which animation occurs (% of viewport height)

Appearance
Start Color

Initial color that transitions to the reveal color

Reveal Color

Color that will be revealed on scroll

Text Opacity 20%

Opacity of animation transition (lower values create more contrast)

Reveal Animation Type
Each line of text appears as an individual unit
Each word animates individually in sequence
Each letter animates individually for a typewriter effect
Advanced Settings
Scroll Smoothness 0.5s

How smoothly animation responds to scrolling (higher values = smoother but slower response)

Element Selection

Choose which elements should have the reveal effect

Code Copied Successfully! Ready to paste into Breakdance Builder