LIVE NOW

Visual Configurator is now active — Customize 50+ professional animations Visual Configurator is live!

Get Started
Interactive Particle Network Configurator

How to Use in Bricks Builder

  1. Customize your particle network animation using the controls below
  2. Click the Get Code button and copy the JavaScript
  3. In Bricks Builder, add a Code element and paste the JavaScript
  4. Add the attribute
    data-particle-network📋
    to any container element
This tool creates a custom script with your settings built-in. You only need to add the data attribute to see your configuration!
BricksFusion Exclusive Get Your Custom Particle Network Animation

Add elegant and interactive particle network animations to your website with this custom-crafted JavaScript snippet.

  • Easy implementation with simple data attributes
  • Interactive particles that respond to user movement
  • Customizable colors and particle density
  • Smooth animations with connection lines
Animation Settings
Particle Count 50
Particle Size 1.5
Movement Speed 0.5x
Visual Settings
Particle Color
Line Color
Particle Opacity 0.9
Line Opacity 0.7
Advanced Options
Connection Distance 150px
Interaction Strength 0.03

JavaScript Code