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.

Shahzad Shahab

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):
<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>
Admin and developer features (as implemented):
<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>
Notes:
<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.

Aizle Dots vs Season Spark