New

9 buttons. Ready to use.

Explode Text Configurator - BricksFusion
data-explode-text
How to Use & Code Information
  1. Customize your explode text effect using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Bricks Builder, add a Code element and paste the JavaScript
  4. To add the effect to any element: go to Section → Style → Attributes, add data-explode-text as attribute name with your desired text as value
  5. The effect will automatically initialize with your configured settings
Interactive Explode Text Preview
Text Configuration
Display Text

The text that will be displayed with particle explosion effect

Text Size (Desktop)
auto
Text Size (Mobile)
auto
Color Palette
+ Add Color

Colors for the gradient effect applied to particles

Animation Settings
Animation Force
80
Particle Density
4
Interaction Radius
100px
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