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.

Fluid Path Animation Configurator

How to Use in Breakdance Builder

  1. Customize your fluid path animation 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-path-animation📋
    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 value true to implement your fluid path animation effect!
Breakfusion Exclusive Get Your Fluid Path Animation

Add an elegant flowing path animation to your website with this custom-crafted JavaScript snippet.

  • Easy implementation with simple data attributes
  • Fully responsive and mobile-friendly
  • Customizable colors and animation speed
  • Accessibility toggle option for reduced motion
Path Settings
Number of Paths 24
Path Color
Choose 'currentColor' to inherit from text color by selecting white
Path Base Opacity 0.1
Path Width 0.5
Animation Speed 0.5
Z-Index 0
Blend Mode
For dark backgrounds, "screen" generally offers better visibility

JavaScript Code