Get Bricksfusion BLACKFRIDAY DealUntil month-end

Documentation

v1.5.0

Network effect

PREVIEW

Network effect

Try me

BlueGreenRedPurpleOrangePinkTealCyanWhite

What is it?

Network Effect adds an interactive particle effect to your web page, where particles float and connect with lines, creating a dynamic and engaging background. The particles respond to mouse movements and touch interactions, adding an extra layer of interactivity.

How to set it up?

This element is customized using the Bricks Builder attributes field. To ensure that other elements appear above the animation, adjust the z-index of the container holding those elements. Network effect utilizes the following attributes:

'data-particle-animation'. Activates the particle animation effect on the specified container. No value is needed; adding this attribute enables the functionality.

'data-particle-color'. Sets the color preset for the particles and connecting lines. The preset values must be specified exactly as listed:

  • blue
  • green
  • red
  • purple
  • orange
  • pink
  • teal
  • cyan
  • white

If not specified, the white preset is used by default.

'data-particle-count' (Optional). Defines the number of particles displayed. The default is 50 if not specified.

Support

Need a hand? I'm here to assist with setup, customization, or any questions you may have. Feel free to reach out—I aim to respond as soon as possible, and I appreciate your patience if there's a slight delay

Contact