BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD
Particle Network Configurator - Breakfusion
data-particle-network
How to Use & Code Information
â–¼
  1. Customize your particle network animation 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-particle-network with value true
Interactive Particle Network Preview
Animation Settings
Particle Count ℹ
50
Particle Size ℹ
1.5
Movement Speed ℹ
0.5
Visual Settings
Particle Color
HEX
HSL
Line Color
HEX
HSL
Particle Opacity ℹ
0.9
Line Opacity ℹ
0.7
Advanced Options
Connection Distance ℹ
150px
Interaction Strength ℹ
0.03