M Gogul Saravanan

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


Particles extension for Elementor

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

Shahzad Shahab

<p>Season Spark loads tasteful front-end particle effects and lightweight visual overlays. The plugin’s implementation and admin UI provide the following behavior and options (exactly as implemented in the plugin):</p>
<ul>
<li>Included effects: <code>christmas</code> (snow/twinkles), <code>halloween</code> (ghosts/pumpkins + fog overlay), <code>valentines</code> (hearts + confetti), <code>newyear</code> (occasional fireworks bursts), <code>easter</code> (eggs & bunnies, occasional large egg drop), <code>thanksgiving</code> (falling leaves + occasional turkey popup), <code>independence</code> (fireworks + occasional flag/spark bursts), <code>diwali</code> (lights/diya sparkles + occasional diya popup), <code>hanukkah</code> (menorah sparkles + occasional menorah popup), and <code>generic</code> (custom graphics: rain/stars/bubbles or an uploaded background).</li>
<li>Per-effect configuration: <code>enabled</code>, optional <code>schedule</code> with <code>start</code>/<code>end</code> dates, <code>density</code>, <code>speed</code>, and <code>color</code> for effects that use color (the admin shows color pickers only for effects that accept color).</li>
<li>Custom Graphics support: the <code>generic</code> effect can use an uploaded background (<code>custom_bg</code>) and an uploaded custom cursor image (<code>custom_cursor_image</code>). When <code>custom_bg</code> is set the plugin creates a lightweight animated background element instead of particles.</li>
<li>Custom Cursor support: when a per-effect <code>custom_cursor</code> is enabled the front-end will attempt to use a provided <code>custom_cursor_image</code> or bundled SVG image as an overlay cursor (implemented by the public JS initializer).</li>
<li>Accessibility: the plugin respects the user’s <code>prefers-reduced-motion</code> setting, supports a site-level <code>motion_reduced</code> admin toggle, and prints a small per-user motion toggle (stored in <code>localStorage</code>). When reduced motion is active, visual initialization is skipped.</li>
<li>Performance: only enabled effects have their per-effect JS files enqueued; the plugin localizes <code>seasonSparkSettings</code> and <code>seasonSparkImages</code> for front-end initialization and ships the <code>tsparticles</code> bundle under <code>assets/vendor/tsparticles/</code>.</li>
</ul>
<p>Admin and developer features (as implemented):</p>
<ul>
<li>Admin pages: top-level “Season Spark” menu with the subpages <code>Effects</code>, <code>Settings</code>, and <code>For Devs</code>.</li>
<li>Settings: global toggles (load particle library, reduce motion) and default density/speed values; the Effects page exposes per-effect controls, schedule toggles, density/speed inputs, color pickers for color effects, and WP Media-based selectors for custom background/cursor on the <code>generic</code> effect.</li>
<li>Developer filters present in the code: <code>seasonspark_get_registered_effects</code> (modify the list of effects), <code>seasonspark_settings_for_js</code> (filter settings passed to front-end JS), and <code>seasonspark_images_for_js</code> (filter the image mapping sent to JS).</li>
</ul>
<p>Notes:</p>
<ul>
<li>Default activation: by default only the <code>valentines</code> effect is enabled on activation.</li>
<li>Assets: effect scripts, images and styles are bundled under <code>assets/</code>; the plugin enqueues only enabled effect scripts to keep the front-end lightweight.</li>
</ul>


Season Spark

Lightweight seasonal and holiday visual effects for WordPress, including snow, fireworks, hearts, and more, with accessibility-friendly controls.

Particles extension for Elementor vs Season Spark