NetworkEffect - breakfusion.com

Customize your particle network animation using the controls below
Click the Get Code button and copy the JavaScript
In Breakdance Builder, add a Code element and paste the JavaScript
Add the attribute
data-particle-network📋
with the value "true" to any container element

This tool creates a custom script with your settings built-in. You only need to add the data attribute with the value "true" to see your configuration!

Breakfusion 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

Documentation

GETTING STARTED

MENU ANIMATION

CORE BACKGROUND

SHOWCASE

VISUAL EFFECTS

ANIMATED TEXT

INTERACTION

INSTANT MOTION

TRANSITION PAGES

How to Use in Breakdance Builder

JavaScript Code