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.

Kate Spencer

Haven’t you ever wondered what the world would be like if GeoCities worked on your phone? Glitter Bomb brings interactive cursor effects and confetti-style particle fields to WordPress — with touch support that actually works. See it in action at <a href="https://klatespencer.com/glitter-bomb/" rel="nofollow ugc">klatespencer.com/glitter-bomb</a>.
<a href="https://klatespencer.com/rainbow-sprinkle/" rel="nofollow ugc">✨ Sprinkle Trail Mode</a> 
Particles follow your cursor on desktop and your finger on mobile with smooth gesture tracking. Choose between compact trails or scattered drifting patterns.
<a href="https://klatespencer.com/particle-field/" rel="nofollow ugc">💫 Particle Field Mode</a> 
Your entire page becomes a canvas of shimmering glitter. Particles drift, attract to your cursor or touch, and explode into sparkles on click or tap.
Honest assessment: No site needs this. It adds JavaScript, it competes with your content, and enabling it by default on a checkout page would be irresponsible. On a hero section, birthday page, portfolio, or anywhere a little extra is exactly right? Absolutely your call.
Features:
<ul>
<li>Touch-optimized from the start — particle trails follow your finger, tap triggers explosions, separate sizing controls for mobile vs. desktop, and an option to disable on mobile entirely</li>
<li>WCAG 2.2 AA compliant — keyboard navigation, screen reader support, <code>prefers-reduced-motion</code> respect</li>
<li>Six color palettes (Rainbow, Metallic, Neutral Spectrum, Warm Sunset, Cool Ocean, Custom)</li>
<li>Customizable toggle button: position, text, and gradient colors</li>
<li>No external dependencies, no tracking, no data collection</li>
<li>Performance optimizations: object pooling, particle culling, canvas scaling, RAF animation</li>
</ul>
Built with <a href="https://telex.im" rel="nofollow ugc">Telex</a> and <a href="https://claude.ai/code" rel="nofollow ugc">Claude Code</a>. More details at <a href="https://klatespencer.com/glitter-bomb/" rel="nofollow ugc">klatespencer.com/glitter-bomb</a>.
<h3>Contributing</h3>
Bug reports and contributions welcome: <a href="https://github.com/klatespencer" rel="nofollow ugc">github.com/klatespencer</a>

Glitter Bomb

Maximalist particle effects for WordPress — touch-responsive sparkle trails and glitter fields. WCAG 2.2 AA compliant.

Particles extension for Elementor vs Glitter Bomb