BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD

Ready to enhance your Breakdance experience?

Add premium elements that enhance user experience.

Quick Started

Ready to enhance your Bricks Builder experience?

Unlock Breakfusion. Make today your launch day.

Floating Shapes Configurator

How to Use in Breakdance Builder

  1. Customize your floating shapes animation using the controls below
  2. Click the Get Instant Code button and copy the JavaScript
  3. In Breakdance Builder, add a Code element and paste the JavaScript
  4. Add the attribute
    data-floating-shapes📋
    with the value true to any container 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 see your configuration!
Breakfusion Exclusive Get Your Custom Floating Shapes Animation

Add elegant and mesmerizing floating shapes to your website with this custom-crafted JavaScript snippet.

  • Easy implementation with simple data attributes
  • Smooth animated shapes with natural floating movement
  • Customizable colors and animation speed
  • Responsive design that adapts to all screen sizes
Animation Settings
Number of Shapes 5
Animation Speed 1x
Float Amplitude 15px
Visual Settings
Shape Color
Shape Opacity 0.15
Blur Effect 2px
Size Settings
Shape Size 100%

JavaScript Code