Updated Top Bar

Transition Pages Available — Create stunning animated experiences with ease Transitions Available

Get Started
Explode Text Configurator

How to Use in Breakdance Builder

  1. Customize your explode text 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 this attribute to any container element:
    data-explode-text📋
    with your desired text as the value (e.g., data-explode-text="YOUR TEXT")
This tool creates a custom script with your exact configuration built-in (including responsive text sizing and mobile optimization). Just add the data attribute with your text as the value to any element and the effect will work automatically with your chosen settings!
Breakfusion Exclusive Get Your Explode Text Effect

Add a captivating particle explosion text animation to your website with this custom-crafted JavaScript snippet.

  • Easy implementation with simple data attributes
  • Interactive particle explosion on hover
  • Fully responsive and mobile-friendly
  • Customizable colors and animation properties
  • Mobile optimization with configurable breakpoints
Text Sizing
Text Size (Desktop) auto

Font size in pixels for desktop (0 = auto-size based on container width)

Text Size (Mobile) auto

Font size in pixels for mobile devices (0 = auto-size based on container width)

Animation Settings
Animation Force 80

Strength of particle movement when interacting with cursor

Particle Density 4

Controls the number of particles generated from the text

Interaction Radius 100px

Distance from cursor that affects particle movement

Mobile Optimization

When enabled, shows static text on mobile for better performance

💡 Recommended: Disabling animation on mobile improves performance and battery life while maintaining visual appeal.
Mobile Breakpoint 768px

Screen width below which animation is disabled (when mobile disable is active)

Visual Style
Color Palette
+ Add Color

Colors for the gradient effect applied to particles