Title: Sparkle for Divi Author: Felix Peeters Published: 3 april 2026 Last modified: 29 april 2026 --- Plugins zoeken ![](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 Door [Felix Peeters](https://profiles.wordpress.org/felix1958/) [Download](https://downloads.wordpress.org/plugin/sparkle-for-divi.1.0.0.zip) * [Details](https://nl.wordpress.org/plugins/sparkle-for-divi/#description) * [Beoordelingen](https://nl.wordpress.org/plugins/sparkle-for-divi/#reviews) * [Installatie](https://nl.wordpress.org/plugins/sparkle-for-divi/#installation) * [Ontwikkeling](https://nl.wordpress.org/plugins/sparkle-for-divi/#developers) [Ondersteuning](https://wordpress.org/support/plugin/sparkle-for-divi/) ## Beschrijving **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 * Activeert alleen wanneer het element in het viewport komt (bespaart CPU en batterij) * 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 ## Schermafbeeldingen [⌊The Sparkle dashboard with all presets and live preview⌉⌊The Sparkle dashboard with all presets and live preview⌉[ The Sparkle dashboard with all presets and live preview [⌊The floating Live Editor — fine-tune any preset in real time on your page⌉⌊The floating Live Editor — fine-tune any preset in real time on your page⌉[ The floating Live Editor — fine-tune any preset in real time on your page [⌊Preset card expanded — shape, motion, color, size, speed and more⌉⌊Preset card expanded — shape, motion, color, size, speed and more⌉[ Preset card expanded — shape, motion, color, size, speed and more [⌊Mode-specific controls for line, focal point and circle orbit presets⌉⌊Mode-specific controls for line, focal point and circle orbit presets⌉[ Mode-specific controls for line, focal point and circle orbit presets [⌊Sparkles in action on a live Divi page⌉⌊Sparkles in action on a live Divi page⌉[ Sparkles in action on a live Divi page ## Installatie 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? De live editor is een zwevend paneel dat direct op je pagina binnen de Divi Builder opent. Pas sliders aan en zie het sprankeleffect direct updaten — je hoeft niet tussen tabs te wisselen. Als je tevreden bent, klik dan op preset opslaan om de wijzigingen in het dashboard op te slaan. ### 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. ## Beoordelingen Er zijn geen beoordelingen voor deze plugin. ## Bijdragers & ontwikkelaars “Sparkle for Divi” is open source software. De volgende personen hebben bijgedragen aan deze plugin. Bijdragers * [ Felix Peeters ](https://profiles.wordpress.org/felix1958/) “Sparkle for Divi” is vertaald in 2 localen. Dank voor [de vertalers](https://translate.wordpress.org/projects/wp-plugins/sparkle-for-divi/contributors) voor hun bijdragen. [Vertaal “Sparkle for Divi” in je eigen taal.](https://translate.wordpress.org/projects/wp-plugins/sparkle-for-divi) ### Interesse in ontwikkeling? [Bekijk de code](https://plugins.trac.wordpress.org/browser/sparkle-for-divi/), haal de [SVN repository](https://plugins.svn.wordpress.org/sparkle-for-divi/) op, of abonneer je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/sparkle-for-divi/) via [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 * Versie **1.0.0** * Laatst geüpdatet **6 maanden geleden** * Actieve installaties **10+** * WordPress versie ** 6.0 of nieuwer ** * Getest t/m **6.9.10** * PHP versie ** 7.4 of nieuwer ** * Talen * [Dutch](https://nl.wordpress.org/plugins/sparkle-for-divi/), [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/sparkle-for-divi/) en [English (US)](https://wordpress.org/plugins/sparkle-for-divi/). * [Vertaal in je eigen taal](https://translate.wordpress.org/projects/wp-plugins/sparkle-for-divi) * Tags * [animation](https://nl.wordpress.org/plugins/tags/animation/)[divi](https://nl.wordpress.org/plugins/tags/divi/) [effects](https://nl.wordpress.org/plugins/tags/effects/)[particles](https://nl.wordpress.org/plugins/tags/particles/) [visual effects](https://nl.wordpress.org/plugins/tags/visual-effects/) * [Geavanceerde weergave](https://nl.wordpress.org/plugins/sparkle-for-divi/advanced/) ## Waarderingen Er zijn nog geen beoordelingen ingediend. [Je beoordeling](https://wordpress.org/support/plugin/sparkle-for-divi/reviews/#new-post) [Bekijk alle beoordelingen](https://wordpress.org/support/plugin/sparkle-for-divi/reviews/) ## Bijdragers * [ Felix Peeters ](https://profiles.wordpress.org/felix1958/) ## Ondersteuning Iets te melden? Hulp nodig? [Het supportforum bekijken](https://wordpress.org/support/plugin/sparkle-for-divi/) ## Doneren Wil je de groei van deze plugin ondersteunen? [ Doneer aan deze plugin ](https://steunactie.be/actie/support-dolly-s-pain-free-future-and-life-extending-treatment/-41609)