Sparkle for Divi

by Felix Peeters

0.0

(0 ratings)

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