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 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.

Glitter Bomb vs Sparkle for Divi