Title: Sparkle for Divi Author: Felix Peeters Published: April 3, 2026 Last modified: April 29, 2026 --- Search plugins ![](https://ps.w.org/sparkle-for-divi/assets/banner-772x250.png?rev=3498502) ![](https://ps.w.org/sparkle-for-divi/assets/icon-256x256.gif?rev=3498502) # Sparkle for Divi By [Felix Peeters](https://profiles.wordpress.org/felix1958/) [Download](https://downloads.wordpress.org/plugin/sparkle-for-divi.1.0.0.zip) * [Details](https://test.wordpress.org/plugins/sparkle-for-divi/#description) * [Reviews](https://test.wordpress.org/plugins/sparkle-for-divi/#reviews) * [Installation](https://test.wordpress.org/plugins/sparkle-for-divi/#installation) * [Development](https://test.wordpress.org/plugins/sparkle-for-divi/#developers) [Support](https://wordpress.org/support/plugin/sparkle-for-divi/) ## Description **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:** 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 section, row or 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 ## Screenshots * [[ * The Sparkle dashboard with all presets and live preview * [[ * The floating Live Editor — fine-tune any preset in real time on your page * [[ * Preset card expanded — shape, motion, color, size, speed and more * [[ * Mode-specific controls for line, focal point and circle orbit presets * [[ * Sparkles in action on a live Divi page ## Installation 1. In your WordPress admin, go to **Plugins Add New Plugin** 2. Search for **Sparkle for Divi** 3. Click **Install Now**, then **Activate** 4. Go to **Sparkle for Divi** in the admin menu to get started ## FAQ ### Does this work with Divi 5? Yes — Sparkle for Divi is built and tested specifically for Divi 5. Add the class via Advanced Attributes Class on any section, row or module. ### Will it slow down my site? No. The plugin loads two small files on the frontend (CSS + JS, under 40 KB total). The Live Editor loads only inside the Divi Builder — never on the visitor-facing page. Animations only activate when the element enters the viewport, and a global particle cap prevents any runaway scenarios on busy pages. ### Does it support accessibility? Yes. Enable “Respect prefers-reduced-motion” in the Settings tab to automatically disable animations for visitors who prefer reduced motion. ### Can I use my own shapes? Yes — upload any PNG (max 100×100 px, 50 KB) as a custom particle shape. Logos, icons, anything goes. ### Can I create my own presets? Yes — click Duplicate on any preset to create a personal copy with your own class name, title and description. Changes are fully independent of the original. ### Can I undo changes? Yes — each preset keeps up to 3 snapshots. Click Undo on the preset card to step back one change at a time. ### Can I apply multiple presets to one element? Yes — separate up to 3 class names with a space in the CSS Class field. ### What is the Live Editor? The Live Editor is a floating panel that opens directly on your page inside the Divi Builder. Adjust sliders and see the sparkle effect update instantly — no switching between tabs. When happy, click Save preset to persist the changes to the dashboard. ### Does it work in the Divi visual editor? Sparkles are designed for the frontend. Apply the class, save your page, and use the Live Editor (click the Live Preview button on any preset card) to fine-tune everything in real time directly in the builder. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Sparkle for Divi” is open source software. The following people have contributed to this plugin. Contributors * [ Felix Peeters ](https://profiles.wordpress.org/felix1958/) “Sparkle for Divi” has been translated into 2 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/sparkle-for-divi/contributors) for their contributions. [Translate “Sparkle for Divi” into your language.](https://translate.wordpress.org/projects/wp-plugins/sparkle-for-divi) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/sparkle-for-divi/), check out the [SVN repository](https://plugins.svn.wordpress.org/sparkle-for-divi/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/sparkle-for-divi/) by [RSS](https://plugins.trac.wordpress.org/log/sparkle-for-divi/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 This is where things stop being “pretty good” and start behaving like they should. A lot has changed since the first release — most of it invisible, all of it noticeable. Live Editor that finally behaves * Changes apply instantly (no second-guessing)* Reset now actually resets — and sticks * What you see = what’s saved (wild concept, we know) Animations that make sense * Consistent behavior across all shapes * Float+Spin and Fall+Spin now do exactly what their names suggest * No more “why is this one acting weird?” moments Bring your own shapes * Upload PNGs and use them as particles * Logos, icons, experiments… go for it UI that explains itself * Hover anything get a clear answer (no jargon, promise)* Better visibility for controls and info elements * Less guessing, fewer surprises Presets that don’t fight back * Reliable behavior across the board * Duplicate, undo, edit — all predictable now * Jump from preset Live Editor with fewer clicks( because five clicks was a bit much) * Clear feedback on where things are used Badges that tell the truth * “In use” badges now update instantly when you add or remove effects * No more ghost badges from unsaved changes * Changes in the builder are reflected without manual refreshes * Everything stays in sync — even when Divi takes its time Behind the scenes (where most of the work actually went) * Fixed a lot of edge cases (especially inside the Divi Builder) * Resolved timing issues between builder saves and database updates * Previews and live updates are now stable instead of“ usually fine” * Removed fragile logic (including one that broke… pretty much everything 😅) * Cleaner code, fewer hacks, better performance Solid foundation (no drama) * Proper input validation (so things don’t go off the rails) * Full WordPress standards compliance * General cleanup to keep future updates sane In short: It does what you expect now. Consistently. Every time. And yes — even the badges behave. ## Meta * Version **1.0.0** * Last updated **3 weeks ago** * Active installations **10+** * WordPress version ** 6.0 or higher ** * Tested up to **6.9.4** * PHP version ** 7.4 or higher ** * Languages * [Dutch](https://nl.wordpress.org/plugins/sparkle-for-divi/), [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/sparkle-for-divi/), and [English (US)](https://wordpress.org/plugins/sparkle-for-divi/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/sparkle-for-divi) * Tags * [animation](https://test.wordpress.org/plugins/tags/animation/)[divi](https://test.wordpress.org/plugins/tags/divi/) [effects](https://test.wordpress.org/plugins/tags/effects/)[particles](https://test.wordpress.org/plugins/tags/particles/) [visual effects](https://test.wordpress.org/plugins/tags/visual-effects/) * [Advanced View](https://test.wordpress.org/plugins/sparkle-for-divi/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/sparkle-for-divi/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/sparkle-for-divi/reviews/) ## Contributors * [ Felix Peeters ](https://profiles.wordpress.org/felix1958/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/sparkle-for-divi/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://steunactie.be/actie/support-dolly-s-pain-free-future-and-life-extending-treatment/-41609)