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:
- ✨ 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:
- 5 particle shapes: Star, Dot, Square, Confetti, Custom (upload your own PNG)
- 6 motion types: Sparkle, Float, Fall, Spin, Float+Spin, 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
- Undo: up to 3 snapshots per preset — step back whenever you need to
- Apply up to 3 presets on one element simultaneously
- Global on/off switch without removing classes
- Respects prefers-reduced-motion for accessibility
- Activates only when the element enters the viewport (saves CPU and battery)
- Global particle cap prevents performance issues on busy pages
- Pure CSS keyframes — no canvas, no heavy libraries
- Frontend footprint under 40 KB — Live Editor loads only inside the Divi Builder, never on visitor-facing pages
How to use:
- Go to Sparkle for Divi in the WordPress admin menu
- Pick a preset and customize it to your liking
- Click 💾 Save changes — then 📋 Copy class
- Open any Divi section, row or module → Advanced → Attributes → Class → paste the class
- Save your page and visit it — sparkles appear automatically!
- Optional: click ⚡ Live Preview to open the floating Live Editor and fine-tune your preset in real time directly on the page