New

9 buttons. Ready to use.

Particle Network Configurator - BricksFusion
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 Bricks Builder, add a Code element
  4. Paste or upload the JavaScript code
  5. To add the effect to any section: go to Section → Style → Attributes, add data-particle-network as attribute name (leave value empty)
Interactive Particle Network Preview
Particle Colors
HEX
HSL
HEX
HSL
Particle Opacity
0.9
Line Opacity
0.7
Animation Settings
Particle Count
50
Particle Size
1.5
Movement Speed
0.5x
Advanced Options
Connection Distance
150px
Interaction Strength
0.03