BLACK FRIDAY
25% OFF Lifetime · Ends Dec 2nd

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.

Mesh Gradient Configurator - Breakfusion
data-mesh-gradient

Mesh Gradient

Interactive WebGL Mesh Gradient for Breakdance Builder

How to Use & Code Information
▼
  1. Customize your mesh gradient 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-mesh-gradient with value true
Interactive Mesh Gradient Preview
Gradient Colors
HEX
HSL
HEX
HSL
HEX
HSL
HEX
HSL
Animation Settings
Intensity ℹ
320
Speed ℹ
1
Complexity ℹ
3
Noise Frequency ℹ
0.00014