Major update \u2014 Live Editor improvements, reset\/sync fixes, workflow tabs in the dashboard, custom shape upload, Float+Spin and Fall+Spin motions, undo support, and much more.<\/p>"},"ratings":[],"assets_icons":{"icon-256x256.gif":{"filename":"icon-256x256.gif","revision":3498502,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3498502,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3498502,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.6.2","1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.PNG":{"filename":"screenshot-1.PNG","revision":3517915,"resolution":"1","location":"assets","locale":"","width":697,"height":975},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3517915,"resolution":"2","location":"assets","locale":"","width":512,"height":882},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3517915,"resolution":"3","location":"assets","locale":"","width":665,"height":852},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3498502,"resolution":"4","location":"assets","locale":"","width":1200,"height":844},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3498502,"resolution":"5","location":"assets","locale":"","width":1200,"height":1593}},"screenshots":{"1":"The Sparkle dashboard with all presets and live preview","2":"The floating Live Editor \u2014 fine-tune any preset in real time on your page","3":"Preset card expanded \u2014 shape, motion, color, size, speed and more","4":"Mode-specific controls for line, focal point and circle orbit presets","5":"Sparkles in action on a live Divi page"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[785,10731,751,190643,234659],"plugin_category":[50],"plugin_contributors":[259394],"plugin_business_model":[],"class_list":["post-293237","plugin","type-plugin","status-publish","hentry","plugin_tags-animation","plugin_tags-divi","plugin_tags-effects","plugin_tags-particles","plugin_tags-visual-effects","plugin_category-media","plugin_contributors-felix1958","plugin_committers-felix1958"],"banners":{"banner":"https:\/\/ps.w.org\/sparkle-for-divi\/assets\/banner-772x250.png?rev=3498502","banner_2x":"https:\/\/ps.w.org\/sparkle-for-divi\/assets\/banner-1544x500.png?rev=3498502","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/sparkle-for-divi\/assets\/icon-256x256.gif?rev=3498502","icon_2x":"https:\/\/ps.w.org\/sparkle-for-divi\/assets\/icon-256x256.gif?rev=3498502","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/sparkle-for-divi\/assets\/screenshot-1.PNG?rev=3517915","caption":"The Sparkle dashboard with all presets and live preview"},{"src":"https:\/\/ps.w.org\/sparkle-for-divi\/assets\/screenshot-2.png?rev=3517915","caption":"The floating Live Editor \u2014 fine-tune any preset in real time on your page"},{"src":"https:\/\/ps.w.org\/sparkle-for-divi\/assets\/screenshot-3.png?rev=3517915","caption":"Preset card expanded \u2014 shape, motion, color, size, speed and more"},{"src":"https:\/\/ps.w.org\/sparkle-for-divi\/assets\/screenshot-4.png?rev=3498502","caption":"Mode-specific controls for line, focal point and circle orbit presets"},{"src":"https:\/\/ps.w.org\/sparkle-for-divi\/assets\/screenshot-5.png?rev=3498502","caption":"Sparkles in action on a live Divi page"}],"raw_content":"\n
Sparkle for Divi<\/strong> lets you add stunning particle animations to any Divi section, row or module by simply adding a CSS class. No shortcodes, no custom code \u2014 just copy a class and paste.<\/p>\n\n 20 built-in presets:<\/strong><\/p>\n\n Features:<\/strong><\/p>\n\n How to use:<\/strong><\/p>\n\n Yes \u2014 Sparkle for Divi is built and tested specifically for Divi 5. Add the class via Advanced \u2192 Attributes \u2192 Class on any section, row or module.<\/p><\/dd>\n 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 \u2014 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.<\/p><\/dd>\n Yes. Enable \"Respect prefers-reduced-motion\" in the Settings tab to automatically disable animations for visitors who prefer reduced motion.<\/p><\/dd>\n Yes \u2014 upload any PNG (max 100x100 px, 50 KB) as a custom particle shape. Logos, icons, anything goes.<\/p><\/dd>\n Yes \u2014 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.<\/p><\/dd>\n Yes \u2014 each preset keeps up to 3 snapshots. Click Undo on the preset card to step back one change at a time.<\/p><\/dd>\n Yes \u2014 separate up to 3 class names with a space in the CSS Class field.<\/p><\/dd>\n 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 \u2014 no switching between tabs. When happy, click Save preset to persist the changes to the dashboard.<\/p><\/dd>\n 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.<\/p><\/dd>\n\n<\/dl>\n\n\n This is where things stop being \"pretty good\" and start behaving like they should.\nA lot has changed since the first release \u2014 most of it invisible, all of it noticeable.<\/p>\n\n Live Editor that finally behaves\n* Changes apply instantly (no second-guessing)\n* Reset now actually resets \u2014 and sticks\n* What you see = what's saved (wild concept, we know)<\/p>\n\n Animations that make sense\n* Consistent behavior across all shapes\n* Float+Spin and Fall+Spin now do exactly what their names suggest\n* No more \"why is this one acting weird?\" moments<\/p>\n\n Bring your own shapes\n* Upload PNGs and use them as particles\n* Logos, icons, experiments\u2026 go for it<\/p>\n\n UI that explains itself\n* Hover anything \u2192 get a clear answer (no jargon, promise)\n* Better visibility for controls and info elements\n* Less guessing, fewer surprises<\/p>\n\n Presets that don't fight back\n* Reliable behavior across the board\n* Duplicate, undo, edit \u2014 all predictable now\n* Jump from preset \u2192 Live Editor with fewer clicks (because five clicks was a bit much)\n* Clear feedback on where things are used<\/p>\n\n Badges that tell the truth\n* \"In use\" badges now update instantly when you add or remove effects\n* No more ghost badges from unsaved changes\n* Changes in the builder are reflected without manual refreshes\n* Everything stays in sync \u2014 even when Divi takes its time<\/p>\n\n Behind the scenes (where most of the work actually went)\n* Fixed a lot of edge cases (especially inside the Divi Builder)\n* Resolved timing issues between builder saves and database updates\n* Previews and live updates are now stable instead of \"usually fine\"\n* Removed fragile logic (including one that broke\u2026 pretty much everything \ud83d\ude05)\n* Cleaner code, fewer hacks, better performance<\/p>\n\n Solid foundation (no drama)\n* Proper input validation (so things don't go off the rails)\n* Full WordPress standards compliance\n* General cleanup to keep future updates sane<\/p>\n\n In short: It does what you expect now. Consistently. Every time. And yes \u2014 even the badges behave.<\/p>","raw_excerpt":"Add beautiful sparkle and particle animations to any Divi 5 section, row or module \u2014 no coding required.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/293237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=293237"}],"author":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/felix1958"}],"wp:attachment":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=293237"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=293237"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=293237"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=293237"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=293237"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=293237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
\n
\n
\n
\n
Does this work with Divi 5?<\/h3><\/dt>\n
Will it slow down my site?<\/h3><\/dt>\n
Does it support accessibility?<\/h3><\/dt>\n
Can I use my own shapes?<\/h3><\/dt>\n
Can I create my own presets?<\/h3><\/dt>\n
Can I undo changes?<\/h3><\/dt>\n
Can I apply multiple presets to one element?<\/h3><\/dt>\n
What is the Live Editor?<\/h3><\/dt>\n
Does it work in the Divi visual editor?<\/h3><\/dt>\n
1.0.0<\/h4>\n\n