{"id":293237,"date":"2026-04-03T20:16:46","date_gmt":"2026-04-03T20:16:46","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/sparkle-for-divi-5\/"},"modified":"2026-04-03T20:30:31","modified_gmt":"2026-04-03T20:30:31","slug":"sparkle-for-divi","status":"publish","type":"plugin","link":"https:\/\/pcd.wordpress.org\/plugins\/sparkle-for-divi\/","author":16513492,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"0.6.2","stable_tag":"0.6.2","tested":"6.9.4","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Sparkle for Divi","header_author":"Felix Peeters","header_description":"Add beautiful sparkle animations to any Divi 5 module by adding a CSS class. No coding required.","assets_banners_color":"3b3334","last_updated":"2026-04-03 20:30:31","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/steunactie.be\/actie\/support-dolly-s-pain-free-future-and-life-extending-treatment\/-41609","header_plugin_uri":"","header_author_uri":"https:\/\/divi-test-site.duckdns.org","rating":0,"author_block_rating":0,"active_installs":0,"downloads":30,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"0.6.2":{"tag":"0.6.2","author":"felix1958","date":"2026-04-03 20:30:31"}},"upgrade_notice":{"0.6.1":"<p>Full WordPress.org Plugin Check compliance \u2014 all output escaped, all input sanitized. Recommended update for all users.<\/p>"},"ratings":[],"assets_icons":{"icon-256x256.gif":{"filename":"icon-256x256.gif","revision":3498502,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3498502,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3498502,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.6.2"],"block_files":[],"assets_screenshots":{"screenshot-1.PNG":{"filename":"screenshot-1.PNG","revision":3498502,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3498502,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3498502,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3498502,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3498502,"resolution":"5","location":"assets","locale":""}},"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=3498502","caption":"The Sparkle dashboard with all presets and live preview"},{"src":"https:\/\/ps.w.org\/sparkle-for-divi\/assets\/screenshot-2.png?rev=3498502","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=3498502","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":"<!--section=description-->\n<p><strong>Sparkle for Divi<\/strong> lets you add stunning particle animations to any Divi module by simply adding a CSS class. No shortcodes, no custom code \u2014 just copy a class and paste.<\/p>\n\n<p><strong>20 built-in presets:<\/strong><\/p>\n\n<ul>\n<li>\u2728 Gold Elegance<\/li>\n<li>\ud83c\udf1f Silver Shimmer<\/li>\n<li>\ud83c\udf38 Rose Glow<\/li>\n<li>\ud83c\udf89 Rainbow Celebration<\/li>\n<li>\ud83d\udd25 Fire Sparks<\/li>\n<li>\u2744\ufe0f Snow Drift<\/li>\n<li>\ud83c\udf3f Mint Breeze<\/li>\n<li>\ud83d\udc99 Neon Blue<\/li>\n<li>\ud83d\udc9c Neon Purple<\/li>\n<li>\u2764\ufe0f Red Passion<\/li>\n<li>\ud83d\udc8e Focal Point<\/li>\n<li>\u2b55 Circle Orbit<\/li>\n<li>\u2726 Horizontal \u2013 Gold<\/li>\n<li>\u2726 Horizontal \u2013 White<\/li>\n<li>\u2726 Horizontal \u2013 Rainbow<\/li>\n<li>\ud83c\udf20 Night Sky<\/li>\n<li>\u2759 Vertical \u2013 Left<\/li>\n<li>\u2759 Vertical \u2013 Right<\/li>\n<li>\u2198 Diagonal \u2013 Top Left<\/li>\n<li>\u2199 Diagonal \u2013 Top Right<\/li>\n<\/ul>\n\n<p><strong>Features:<\/strong><\/p>\n\n<ul>\n<li>4 particle shapes: Star, Dot, Square, Confetti<\/li>\n<li>4 motion types: Sparkle, Float, Fall, Spin<\/li>\n<li>Line modes: Horizontal, Vertical, Diagonal, Focal Point, Circle Orbit<\/li>\n<li><strong>Live Editor<\/strong> \u2014 floating panel to fine-tune any preset in real time directly on your page<\/li>\n<li>Live preview on every preset card \u2014 see changes in real time in the dashboard<\/li>\n<li>Custom presets: duplicate any preset and give it your own name, class and description<\/li>\n<li>Apply up to 3 presets on one module simultaneously<\/li>\n<li>Global on\/off switch without removing classes<\/li>\n<li>Respects prefers-reduced-motion for accessibility<\/li>\n<li>Activates only when visible in the viewport (saves CPU and battery)<\/li>\n<li>Global particle cap (400) prevents performance issues<\/li>\n<li>Pure CSS keyframes and inline SVG \u2014 no canvas, no heavy libraries<\/li>\n<li>Frontend footprint: CSS + JS under 30 KB \u2014 Live Editor loads only in the Divi Builder<\/li>\n<\/ul>\n\n<p><strong>How to use:<\/strong><\/p>\n\n<ol>\n<li>Go to <strong>Sparkle for Divi<\/strong> in the WordPress admin menu<\/li>\n<li>Pick a preset and customize it to your liking<\/li>\n<li>Click <strong>\ud83d\udcbe Save changes<\/strong> \u2014 then <strong>\ud83d\udccb Copy class<\/strong><\/li>\n<li>Open any Divi module \u2192 <strong>Advanced \u2192 Attributes \u2192 Class<\/strong> \u2192 paste the class<\/li>\n<li>Save your page and visit it \u2014 sparkles appear automatically!<\/li>\n<li>Optional: click <strong>\u26a1 Live Preview<\/strong> to open the floating Live Editor and fine-tune your preset in real time directly on the page<\/li>\n<\/ol>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>sparkle-for-divi<\/code> folder to <code>\/wp-content\/plugins\/<\/code><\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> menu in WordPress<\/li>\n<li>Go to <strong>Sparkle for Divi<\/strong> in the admin menu to get started<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20work%20with%20divi%205%3F\"><h3>Does this work with Divi 5?<\/h3><\/dt>\n<dd><p>Yes \u2014 Sparkle for Divi is built and tested specifically for Divi 5. The class is added via Advanced \u2192 Attributes \u2192 Class.<\/p><\/dd>\n<dt id=\"will%20it%20slow%20down%20my%20site%3F\"><h3>Will it slow down my site?<\/h3><\/dt>\n<dd><p>No. The plugin loads two small files on the frontend (CSS + JS, under 30 KB total). The Live Editor loads only inside the Divi Builder \u2014 never on the visitor-facing page. Animations only run when the module is visible in the viewport. A global cap of 400 particles prevents runaway scenarios.<\/p><\/dd>\n<dt id=\"does%20it%20support%20accessibility%3F\"><h3>Does it support accessibility?<\/h3><\/dt>\n<dd><p>Yes. Enable \"Respect prefers-reduced-motion\" in the Settings tab to automatically disable animations for visitors who prefer less motion.<\/p><\/dd>\n<dt id=\"can%20i%20create%20my%20own%20presets%3F\"><h3>Can I create my own presets?<\/h3><\/dt>\n<dd><p>Yes \u2014 click Duplicate on any preset to create a personal copy with your own class name, title and description.<\/p><\/dd>\n<dt id=\"can%20i%20apply%20multiple%20presets%20to%20one%20module%3F\"><h3>Can I apply multiple presets to one module?<\/h3><\/dt>\n<dd><p>Yes \u2014 separate up to 3 class names with a space in the CSS Class field.<\/p><\/dd>\n<dt id=\"what%20is%20the%20live%20editor%3F\"><h3>What is the Live Editor?<\/h3><\/dt>\n<dd><p>The Live Editor is a floating panel that opens directly on your page. Adjust sliders and see the sparkle effect update instantly \u2014 no switching between tabs. When happy, click Save preset to persist the changes.<\/p><\/dd>\n<dt id=\"does%20it%20work%20in%20the%20divi%20visual%20editor%3F\"><h3>Does it work in the Divi visual editor?<\/h3><\/dt>\n<dd><p>Sparkles are designed for the frontend. Apply the class, save, and view the live page to see the effect. Use the Live Editor (\u26a1 Live Preview button) to fine-tune directly in the Divi Builder.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>0.6.1<\/h4>\n\n<ul>\n<li>Security: all PHP output now runs through WordPress escaping functions (esc_html, esc_attr, esc_url)<\/li>\n<li>Security: all $_POST inputs now use wp_unslash() before processing<\/li>\n<li>Security: heredoc syntax replaced with standard escaped strings<\/li>\n<li>Security: $wpdb queries suppressed with phpcs:ignore where intval() cast makes prepare() redundant<\/li>\n<li>Code quality: removed load_plugin_textdomain() \u2014 no longer needed since WordPress 4.6<\/li>\n<li>Code quality: short PHP tags (&lt;?=) replaced with &lt;?php echo throughout all admin files<\/li>\n<li>Improved: version bump to 0.6.1 reflecting full WordPress.org Plugin Check compliance<\/li>\n<\/ul>\n\n<h4>0.5.3<\/h4>\n\n<ul>\n<li>New: Live Editor \u2014 floating panel to fine-tune presets in real time directly on your page<\/li>\n<li>New: Live Editor has two tabs \u2014 Particles and Advanced (position + display)<\/li>\n<li>New: Advanced tab adapts automatically to the preset type (line, circle, point, spread)<\/li>\n<li>New: Contain to element toggle now updates live via the Live Editor<\/li>\n<li>New: Travel distance slider shows\/hides dynamically based on shape and motion in both dashboard and Live Editor<\/li>\n<li>Fixed: Motion buttons now hidden for Star shape in Live Editor (no effect on star)<\/li>\n<li>Fixed: In-use badge no longer triggers false positives for presets whose ID is a substring of another preset ID<\/li>\n<li>Improved: renamed \"Drift\/Fall\" to \"Fall\" consistently across dashboard, Live Editor and documentation<\/li>\n<li>Improved: panel width increased to 400px, mini preview strip removed<\/li>\n<li>Improved: colour swatches updated to full 17-colour palette<\/li>\n<\/ul>\n\n<h4>0.5.2<\/h4>\n\n<ul>\n<li>New: floating Live Editor panel with colour swatches, sliders and position controls<\/li>\n<li>New: donation banner for Dolly's cancer treatment fund<\/li>\n<\/ul>\n\n<h4>0.4.1<\/h4>\n\n<ul>\n<li>Fixed: deleting custom presets failed after page reload<\/li>\n<li>Fixed: preset id missing from user presets array on init<\/li>\n<\/ul>\n\n<h4>0.4.0<\/h4>\n\n<ul>\n<li>Updated: tested and confirmed compatible with WordPress 6.9.4<\/li>\n<\/ul>\n\n<h4>0.3.21<\/h4>\n\n<ul>\n<li>Fixed: duplicating a custom preset now works correctly<\/li>\n<\/ul>\n\n<h4>0.3.20<\/h4>\n\n<ul>\n<li>New: custom presets now support an editable description field<\/li>\n<li>New: description can be set during duplication and edited on the preset card<\/li>\n<\/ul>\n\n<h4>0.3.19<\/h4>\n\n<ul>\n<li>Documentation: all 28 controls fully documented with numbered screenshots<\/li>\n<\/ul>\n\n<h4>0.3.18<\/h4>\n\n<ul>\n<li>Added documentation page with full controls reference<\/li>\n<li>Added FAQ page<\/li>\n<li>Improved preset card UI<\/li>\n<\/ul>\n\n<h4>0.1.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<li>10 built-in sparkle presets<\/li>\n<li>Admin preset library with live preview<\/li>\n<li>Global settings panel<\/li>\n<li>IntersectionObserver for performance<\/li>\n<li>prefers-reduced-motion support<\/li>\n<\/ul>","raw_excerpt":"Add beautiful sparkle and particle animations to any Divi 5 module \u2014 no coding required.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/293237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=293237"}],"author":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/felix1958"}],"wp:attachment":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=293237"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=293237"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=293237"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=293237"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=293237"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=293237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}