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.

Graviton Configurator - Breakfusion
data-graviton

Graviton

3D Magnetic Particle System for Breakdance Builder

How to Use & Code Information
â–¼
  1. Customize your Graviton effect 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-graviton with value true
  6. Note: This effect requires THREE.js library. The script will auto-load it if not present.
Interactive Graviton Preview
Quick Presets
Particle Color
COLOR (HEX)
HSL
Particle Settings
Particle Count ℹ
300
Particle Size ℹ
2
Particle Variance ℹ
1
Particle Shape ℹ
Magnetic Field Settings
Magnet Radius ℹ
10
Ring Radius ℹ
10
Field Strength ℹ
10
Animation Settings
Wave Speed ℹ
0.4
Wave Amplitude ℹ
1
Lerp Speed ℹ
0.1
Rotation Speed ℹ
0
Depth Factor ℹ
1
Pulse Speed ℹ
3
Auto Animation
Auto Animate ℹ
Auto Animate Delay ℹ
2000
Mobile Settings
Disable on Mobile ℹ
Mobile Breakpoint ℹ
768
Mobile Particle Count ℹ
100