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.

Flow Grid Configurator - Breakfusion
data-flow-grid

Flow Grid

Interactive Flowing Lines for Breakdance Builder

How to Use & Code Information
â–¼
  1. Customize your flow grid using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Breakdance Builder, add a Code element
  4. Paste the JavaScript code
  5. To add the effect to any section: go to Section → Settings → Advanced → Attributes, add data-flow-grid with value true
Move your mouse to interact
Quick Presets
Appearance
HEX
Wave Settings
Wave Speed X ℹ
0.0125
Wave Speed Y ℹ
0.005
Wave Amplitude X ℹ
32
Wave Amplitude Y ℹ
16
Grid Settings
X Gap ℹ
10
Y Gap ℹ
32
Interaction Settings
Friction ℹ
0.925
Tension ℹ
0.005
Max Cursor Move ℹ
100