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.

Felix Peeters

Sparkle for Divi lets you add stunning particle animations to any Divi section, row or 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>5 particle shapes: Star, Dot, Square, Confetti, Custom (upload your own PNG)</li>
<li>6 motion types: Sparkle, Float, Fall, Spin, Float+Spin, 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>Undo: up to 3 snapshots per preset — step back whenever you need to</li>
<li>Apply up to 3 presets on one element simultaneously</li>
<li>Global on/off switch without removing classes</li>
<li>Respects prefers-reduced-motion for accessibility</li>
<li>Activates only when the element enters the viewport (saves CPU and battery)</li>
<li>Global particle cap prevents performance issues on busy pages</li>
<li>Pure CSS keyframes — no canvas, no heavy libraries</li>
<li>Frontend footprint under 40 KB — Live Editor loads only inside the Divi Builder, never on visitor-facing pages</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 section, row or 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 section, row or module — no coding required.

Glitter Bomb vs Sparkle for Divi