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.

Interactive Gradient Configurator - Breakfusion
data-interactive-gradient

Interactive Gradient

Mouse-Responsive Gradient for Breakdance Builder

How to Use & Code Information
▼
  1. Customize your 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-interactive-gradient with value true
Move your mouse to interact
Quick Presets
Gradient Colors
HEX
HSL
HEX
HSL
HEX
HSL
Interaction Settings
Intensity ℹ
1
Smoothness ℹ
0.15
Sensitivity ℹ
1