BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD
Grid3D Configurator - Breakfusion
data-grid3d
How to Use & Code Information
â–¼
  1. Customize your 3D 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-grid3d with value true
Interactive Grid3D Preview
Grid Settings
Grid Size ℹ
10
Box Size ℹ
1.0
Ripple Intensity ℹ
2.5
Ripple Radius ℹ
2.0
Animation Speed ℹ
1.0
Grid Color
HEX
HSL
Material Settings
Metalness ℹ
1.0
Roughness ℹ
0.5