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.

Grid Distortion Configurator - Breakfusion
data-grid-distortion

Grid Distortion

Interactive Grid Distortion for Breakdance Builder

How to Use & Code Information
â–¼
  1. Customize your grid distortion effect using the controls below
  2. Enter an image URL in the Image URL field
  3. Click Copy JS to copy the JavaScript code to clipboard
  4. In Breakdance Builder, add a Code element
  5. Paste the JavaScript code
  6. To add the effect to any section: go to Section → Settings → Advanced → Attributes, add data-grid-distortion with value true
Image Source

Provide an image URL for the distortion effect. The image will be used as the base for the interactive distortion animation.

Distortion Settings
Grid Density ℹ
20
Mouse Sensitivity ℹ
0.15
Distortion Strength ℹ
1.0
Recovery Speed ℹ
0.9