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.

Felix Peeters

Sparkle for Divi lets you add stunning particle animations to any Divi module by simply adding a CSS class. No shortcodes, no custom code — just copy a class and paste.
20 built-in presets:
<ul>
<li>✨ Gold Elegance</li>
<li>🌟 Silver Shimmer</li>
<li>🌸 Rose Glow</li>
<li>🎉 Rainbow Celebration</li>
<li>🔥 Fire Sparks</li>
<li>❄️ Snow Drift</li>
<li>🌿 Mint Breeze</li>
<li>💙 Neon Blue</li>
<li>💜 Neon Purple</li>
<li>❤️ Red Passion</li>
<li>💎 Focal Point</li>
<li>⭕ Circle Orbit</li>
<li>✦ Horizontal – Gold</li>
<li>✦ Horizontal – White</li>
<li>✦ Horizontal – Rainbow</li>
<li>🌠 Night Sky</li>
<li>❙ Vertical – Left</li>
<li>❙ Vertical – Right</li>
<li>↘ Diagonal – Top Left</li>
<li>↙ Diagonal – Top Right</li>
</ul>
Features:
<ul>
<li>4 particle shapes: Star, Dot, Square, Confetti</li>
<li>4 motion types: Sparkle, Float, Fall, Spin</li>
<li>Line modes: Horizontal, Vertical, Diagonal, Focal Point, Circle Orbit</li>
<li>Live Editor — floating panel to fine-tune any preset in real time directly on your page</li>
<li>Live preview on every preset card — see changes in real time in the dashboard</li>
<li>Custom presets: duplicate any preset and give it your own name, class and description</li>
<li>Apply up to 3 presets on one module simultaneously</li>
<li>Global on/off switch without removing classes</li>
<li>Respects prefers-reduced-motion for accessibility</li>
<li>Activates only when visible in the viewport (saves CPU and battery)</li>
<li>Global particle cap (400) prevents performance issues</li>
<li>Pure CSS keyframes and inline SVG — no canvas, no heavy libraries</li>
<li>Frontend footprint: CSS + JS under 30 KB — Live Editor loads only in the Divi Builder</li>
</ul>
How to use:
<ol>
<li>Go to Sparkle for Divi in the WordPress admin menu</li>
<li>Pick a preset and customize it to your liking</li>
<li>Click 💾 Save changes — then 📋 Copy class</li>
<li>Open any Divi module → Advanced → Attributes → Class → paste the class</li>
<li>Save your page and visit it — sparkles appear automatically!</li>
<li>Optional: click ⚡ Live Preview to open the floating Live Editor and fine-tune your preset in real time directly on the page</li>
</ol>

Sparkle for Divi

Add beautiful sparkle and particle animations to any Divi 5 module — no coding required.

Particles extension for Elementor vs Sparkle for Divi