Sparkle for Divi

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:

• ✨ Gold Elegance
• 🌟 Silver Shimmer
• 🌸 Rose Glow
• 🎉 Rainbow Celebration
• 🔥 Fire Sparks
• ❄️ Snow Drift
• 🌿 Mint Breeze
• 💙 Neon Blue
• 💜 Neon Purple
• ❤️ Red Passion
• 💎 Focal Point
• ⭕ Circle Orbit
• ✦ Horizontal – Gold
• ✦ Horizontal – White
• ✦ Horizontal – Rainbow
• 🌠 Night Sky
• ❙ Vertical – Left
• ❙ Vertical – Right
• ↘ Diagonal – Top Left
• ↙ Diagonal – Top Right

Features:

• 4 particle shapes: Star, Dot, Square, Confetti
• 4 motion types: Sparkle, Float, Fall, Spin
• Line modes: Horizontal, Vertical, Diagonal, Focal Point, Circle Orbit
• Live Editor — floating panel to fine-tune any preset in real time directly on your page
• Live preview on every preset card — see changes in real time in the dashboard
• Custom presets: duplicate any preset and give it your own name, class and description
• Apply up to 3 presets on one module simultaneously
• Global on/off switch without removing classes
• Respects prefers-reduced-motion for accessibility
• Activates only when visible in the viewport (saves CPU and battery)
• Global particle cap (400) prevents performance issues
• Pure CSS keyframes and inline SVG — no canvas, no heavy libraries
• Frontend footprint: CSS + JS under 30 KB — Live Editor loads only in the Divi Builder

How to use:

1. Go to Sparkle for Divi in the WordPress admin menu
2. Pick a preset and customize it to your liking
3. Click 💾 Save changes — then 📋 Copy class
4. Open any Divi module → Advanced → Attributes → Class → paste the class
5. Save your page and visit it — sparkles appear automatically!
6. Optional: click ⚡ Live Preview to open the floating Live Editor and fine-tune your preset in real time directly on the page