Particles

Thanks to this modal, you can add a modern and dynamic visual effect to your site via interactive particles. These animations offer a smooth and stylish rendering, ideal for making your pages more lively.


🧩 Available configuration options:

✅ Enable particles Activates or deactivates the display of particles on your page.


🔧 Basic configuration

  • Number of particles: define how many particles will be displayed on screen.

  • Particle color: choose the main color of the particles.

  • Particle shape: select their shape (circle, edge, triangle, etc.).


🔗 Linked lines configuration

  • Enable linked lines: displays lines between nearby particles to create a visual network effect.

  • Customize the color, distance, thickness and opacity of lines via JSON or an optional panel.


🖱️ Interactivity configuration Define particle behaviors based on user interactions:

  • Hover mode:

    • grab, repulse, bubble, or none if no reaction is desired.

  • Click mode:

    • push, remove, repulse, or none.


🧬 Advanced configuration (JSON) A field allows you to paste or directly modify the JSON configuration to go further in customization.

Here's what you can adjust:

  • Particle movement (direction, speed, bounce effect, etc.)

  • Size, opacity, animation

  • Advanced interactivity: reaction distance, adding or removing particles, etc.

  • Retina detection: improves display on high-resolution screens.

⚠️ Warning: if the JSON is invalid, the configuration will not be taken into account.

Last updated