adamhorne

Aizle Dots paints a living field of coloured particles behind or over your site. They drift slowly on their own, and part in a wide, soft wave around your visitor’s cursor. A premium, modern touch in two clicks.
It’s built to be the good kind of effect:
<ul>
<li>Dependency-free. One small vanilla-JavaScript canvas. No jQuery, no animation libraries, no bloat.</li>
<li>Private by design. No external requests, no tracking, no calls home. Your site stays your site.</li>
<li>Respectful. Honours the visitor’s “reduce motion” setting, pauses when the browser tab is hidden (saving battery and CPU), and never blocks clicks, links, or forms.</li>
<li>Tunable. A friendly settings page for colours, opacity, density, cursor behaviour, shapes, and where it shows.</li>
<li>Light. Particle count scales to the screen; you can disable it on mobile or place it behind your content for maximum readability.</li>
</ul>
Switch it on and it looks great immediately with sensible defaults, then make it yours.
What you can control
<ul>
<li>Your own colour palette (add or remove colours).</li>
<li>Opacity, density (more ↔ fewer dots), and particle size.</li>
<li>Cursor reach and push strength, plus how much the field drifts on its own (down to perfectly still).</li>
<li>Shapes: dots, squares, triangles, in any combination.</li>
<li>Layer: over your content (subtle overlay) or behind it (safest for text).</li>
<li>Where it appears: sitewide, the front page only, or by post type, with an exclude-by-ID list.</li>
<li>Accessibility & performance: respect reduced motion, and an optional “disable on mobile”.</li>
</ul>
Made by <a href="https://aizle.co" rel="nofollow ugc">Aizle</a>. Free, and genuinely free. The goodwill is the point.

Aizle Dots

Colourful particles that drift across your site and gently part around the cursor. An interactive background with no code and no libraries.

M Gogul Saravanan

Elevate your Elementor pages with stunning particle effects. Easily add dynamic particles using particles.js for an engaging visual experience. 
<a href="https://gogul.pro/ext/particles-extension-for-elementor/" rel="nofollow ugc">Demo</a>
<h4>How to install Particles extension for Elementor Plugin</h4>
1.Login to Your WordPress Dashboard 
2.Navigate to the Plugins Section 
3.Choose “Add New” 
4.Search for the Plugin: ( In the “Search plugins” box, type “Particles” ) 
5.Select the “Particles extension for Elementor Plugin” Plugin & Activate it.
<h4>Installing a WordPress plugin via FTP (File Transfer Protocol) involves uploading the plugin files to your server manually.</h4>
1.Download the Particles extension for Elementor Plugin 
2.Unzip the downloaded file. You’ll typically get a folder containing all the plugin files. 
3.Use an FTP client like FileZilla to connect to your server. 
4.Once connected, navigate to the /wp-content/plugins/ directory in your WordPress installation on the server. 
5.From your local machine, locate the folder extracted in step 2. Drag this folder into the /wp-content/plugins/ directory on your server. 
6.Allow FileZilla or your FTP client to complete the upload. This might take a few moments, depending on the plugin’s size and your internet speed. 
7.Once the upload is complete, go to your WordPress dashboard. Navigate to the “Plugins” section. You should see the plugin you just uploaded listed there. Click “Activate” to activate the plugin.
<h4>How to use</h4>
1.First, install and activate the <a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor Page Builder Plugin.</a>This plugin is necessary to use Particles extension for Elementor Plugin. 
2.Next, install & activate the <a href="https://wordpress.org/plugins/particles-extension-for-elementor" rel="ugc">Particles extension for Elementor Plugin</a> 
3.Once both plugins are activated, when editing a page with Elementor this plugin adds “Section Particles” or “Container Particles” settings section.
<h4>Adding Particle Effects</h4>
1.Once you’re in the Elementor editor, add a new section or select an existing one. 
2.Look for the “Section Particles” or “Container Particles” settings section (this will be added by the Particles Extension for Elementor plugin). 
3.Configure the particle settings, such as particle type, number, speed, size, color, and more, according to your preferences. 
4.Preview your changes and update the page when you’re satisfied. 
5.After updating the page, view the page on the front-end to see the particle effects in action.

Particles extension for Elementor

Elevate your Elementor pages with stunning particle effects. Easily add dynamic particles using particles.js for an engaging visual experience.

Aizle Dots vs Particles extension for Elementor