middlewayapproach

<p>You can use the block inside the Gutenberg editor as you would use a any other block. You can find it in the common section.</p>
<p>Icon made by <a href="https://www.flaticon.com/de/autoren/freepik" rel="nofollow ugc">freepik</a> from www.flaticon.com</p>


Particle Animation Block

Nice plugin

A Gutenberg block to render a particle effect.

Aastha Solutions

ashvins

<p><iframe loading="lazy" title="Particle Background WordPress Plugin" width="750" height="422" src="https://www.youtube.com/embed/qsIpxJkeMBo?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<ul>
<li>Add your content on Particle Background it’s also support HTML.</li>
<li>A JavaScript plugin for snazzy background particle systems.</li>
<li>Works in any browser that supports HTML5 canvas.</li>
<li>You can customize as per your need using plugin shortcode,</li>
<li>Also manage Background Color, Dot Color, Line Color</li>
</ul>
<h4>Read about Shortcode:</h4>
<p>[particleground bgcolor=”#16a085″ dotcolor=”#5cbdaa” linecolor=”#5cbdaa”] Content Here [/particleground]</p>
<ul>
<li>bgcolor (optional) : set Background Color to full background. Default color is #16a085.</li>
<li>dotcolor (optional) : set Dot Color on Particle Background. Default color is #5cbdaa.</li>
<li>linecolor (optional) : set Line Color on Particle Background. Default color is #5cbdaa.</li>
</ul>
<h3>Credits</h3>
<ul>
<li>Particleground was inspired by http://requestlab.fr/ and http://disruptivebydesign.com/ and https://github.com/jnicol/particleground</li>
<li>For plain HTML use : https://github.com/jnicol/particleground</li>
</ul>


Particle Background

Particle Background is background particle systems with parallax effect also controlled by the mouse on desktop and mobile devices.

Particle Animation Block vs Particle Background