{"id":283336,"date":"2026-02-21T01:18:48","date_gmt":"2026-02-21T01:18:48","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/glitter-bomb\/"},"modified":"2026-02-23T23:50:40","modified_gmt":"2026-02-23T23:50:40","slug":"glitter-bomb","status":"publish","type":"plugin","link":"https:\/\/twd.wordpress.org\/plugins\/glitter-bomb\/","author":17884536,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.1","stable_tag":"1.0.1","tested":"6.9.4","requires":"6.1","requires_php":"7.4","requires_plugins":null,"header_name":"Glitter Bomb","header_author":"klate","header_description":"Create magical, accessible particle effects with cursor-following sparkles and full-screen glitter fields. Two experience modes: Sprinkle Trail and Particle Field. WCAG 2.2 AA compliant with full keyboard and screen reader support.","assets_banners_color":"c0a67b","last_updated":"2026-02-23 23:50:40","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/klatespencer.com\/glitter-bomb\/","header_author_uri":"https:\/\/github.com\/klatespencer","rating":5,"author_block_rating":0,"active_installs":10,"downloads":223,"num_ratings":2,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"klate","date":"2026-02-21 01:18:20"},"1.0.1":{"tag":"1.0.1","author":"klate","date":"2026-02-23 23:50:40"}},"upgrade_notice":{"1.0.1":"<p>Bug fix for button width CLS and added Playground Live Preview support.<\/p>","1.0.0":"<p>Initial release.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":2},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3466160,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3466160,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3468098,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3468098,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"glitter-bomb\/glitter-bomb":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"glitter-bomb\/glitter-bomb","version":"1.0.1","title":"Glitter Bomb","category":"widgets","icon":"admin-customizer","description":"Create magical, accessible particle effects with cursor-following sparkles and full-screen glitter fields. WCAG 2.2 AA compliant.","keywords":["particles","animation","interactive","sparkles","glitter","effects","accessibility"],"example":{},"attributes":{"experienceMode":{"type":"string","default":"particle-field"},"colorPalette":{"type":"string","default":"rainbow-cycling"},"particleOpacity":{"type":"number","default":0.9},"particleSize":{"type":"number","default":10},"particleSizeMobile":{"type":"number","default":7.5},"animationDuration":{"type":"number","default":1500},"enableButtonText":{"type":"string","default":"\u2728 Enable Sparkles"},"disableButtonText":{"type":"string","default":"\u2728 Disable Sparkles"},"buttonPosition":{"type":"string","default":"bottom-right"},"customColor":{"type":"string","default":"#ff69b4"},"maxParticles":{"type":"number","default":50},"enabledByDefault":{"type":"boolean","default":true},"enableButtonTextColor":{"type":"string","default":"#000000"},"enableButtonBackgroundColor":{"type":"string","default":"#D4AF37"},"enableButtonGradientStart":{"type":"string","default":"#D4AF37"},"enableButtonGradientEnd":{"type":"string","default":"#B87333"},"disableButtonTextColor":{"type":"string","default":"#000000"},"disableButtonBackgroundColor":{"type":"string","default":"#E5E4E2"},"disableButtonGradientStart":{"type":"string","default":"#E5E4E2"},"disableButtonGradientEnd":{"type":"string","default":"#C0C0C0"},"displayBehavior":{"type":"string","default":"compact"},"fieldColorPalette":{"type":"string","default":"metallic"},"fieldParticleCount":{"type":"number","default":200},"fieldParticleSize":{"type":"number","default":6},"fieldParticleSizeMobile":{"type":"number","default":3},"fieldMouseAttraction":{"type":"number","default":0.5},"fieldSpreadStrength":{"type":"number","default":0.3},"fieldClickExplosion":{"type":"boolean","default":true},"disableOnMobile":{"type":"boolean","default":false}},"supports":{"html":false,"multiple":false,"reusable":false},"textdomain":"glitter-bomb","editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/style-index.css","viewScript":"file:.\/view.js","render":"file:.\/render.php"}},"tagged_versions":["1.0.0","1.0.1"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3466160,"resolution":"1","location":"assets","locale":""},"screenshot-10.png":{"filename":"screenshot-10.png","revision":3466160,"resolution":"10","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3466160,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3466160,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3466160,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3466160,"resolution":"5","location":"assets","locale":""},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3466160,"resolution":"6","location":"assets","locale":""},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3466160,"resolution":"7","location":"assets","locale":""},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3466160,"resolution":"8","location":"assets","locale":""},"screenshot-9.png":{"filename":"screenshot-9.png","revision":3466160,"resolution":"9","location":"assets","locale":""}},"screenshots":{"1":"Editor placeholder with settings summary","2":"Settings panel","3":"Sprinkle Trail mode on desktop","4":"Particle Field mode","5":"Click explosion effect","6":"Color palette options","7":"Mobile with touch controls","8":"Accessibility settings","9":"Button customization"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[785,21364,751,451,190643],"plugin_category":[34,50],"plugin_contributors":[256296],"plugin_business_model":[],"class_list":["post-283336","plugin","type-plugin","status-publish","hentry","plugin_tags-animation","plugin_tags-cursor","plugin_tags-effects","plugin_tags-interactive","plugin_tags-particles","plugin_category-accessibility","plugin_category-media","plugin_contributors-klate","plugin_committers-klate"],"banners":{"banner":"https:\/\/ps.w.org\/glitter-bomb\/assets\/banner-772x250.png?rev=3468098","banner_2x":"https:\/\/ps.w.org\/glitter-bomb\/assets\/banner-1544x500.png?rev=3468098","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/glitter-bomb\/assets\/icon-128x128.png?rev=3466160","icon_2x":"https:\/\/ps.w.org\/glitter-bomb\/assets\/icon-256x256.png?rev=3466160","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/glitter-bomb\/assets\/screenshot-1.png?rev=3466160","caption":"Editor placeholder with settings summary"},{"src":"https:\/\/ps.w.org\/glitter-bomb\/assets\/screenshot-2.png?rev=3466160","caption":"Settings panel"},{"src":"https:\/\/ps.w.org\/glitter-bomb\/assets\/screenshot-3.png?rev=3466160","caption":"Sprinkle Trail mode on desktop"},{"src":"https:\/\/ps.w.org\/glitter-bomb\/assets\/screenshot-4.png?rev=3466160","caption":"Particle Field mode"},{"src":"https:\/\/ps.w.org\/glitter-bomb\/assets\/screenshot-5.png?rev=3466160","caption":"Click explosion effect"},{"src":"https:\/\/ps.w.org\/glitter-bomb\/assets\/screenshot-6.png?rev=3466160","caption":"Color palette options"},{"src":"https:\/\/ps.w.org\/glitter-bomb\/assets\/screenshot-7.png?rev=3466160","caption":"Mobile with touch controls"},{"src":"https:\/\/ps.w.org\/glitter-bomb\/assets\/screenshot-8.png?rev=3466160","caption":"Accessibility settings"},{"src":"https:\/\/ps.w.org\/glitter-bomb\/assets\/screenshot-9.png?rev=3466160","caption":"Button customization"},{"src":"https:\/\/ps.w.org\/glitter-bomb\/assets\/screenshot-10.png?rev=3466160","caption":""}],"raw_content":"<!--section=description-->\n<p>Haven't you ever wondered what the world would be like if GeoCities worked on your phone? Glitter Bomb brings interactive cursor effects and confetti-style particle fields to WordPress \u2014 with touch support that actually works. See it in action at <a href=\"https:\/\/klatespencer.com\/glitter-bomb\/\">klatespencer.com\/glitter-bomb<\/a>.<\/p>\n\n<p><strong><a href=\"https:\/\/klatespencer.com\/rainbow-sprinkle\/\">\u2728 Sprinkle Trail Mode<\/a><\/strong>\nParticles follow your cursor on desktop and your finger on mobile with smooth gesture tracking. Choose between compact trails or scattered drifting patterns.<\/p>\n\n<p><strong><a href=\"https:\/\/klatespencer.com\/particle-field\/\">\ud83d\udcab Particle Field Mode<\/a><\/strong>\nYour entire page becomes a canvas of shimmering glitter. Particles drift, attract to your cursor or touch, and explode into sparkles on click or tap.<\/p>\n\n<p><strong>Honest assessment:<\/strong> No site <em>needs<\/em> this. It adds JavaScript, it competes with your content, and enabling it by default on a checkout page would be irresponsible. On a hero section, birthday page, portfolio, or anywhere a little extra is exactly right? Absolutely your call.<\/p>\n\n<p><strong>Features:<\/strong><\/p>\n\n<ul>\n<li>Touch-optimized from the start \u2014 particle trails follow your finger, tap triggers explosions, separate sizing controls for mobile vs. desktop, and an option to disable on mobile entirely<\/li>\n<li>WCAG 2.2 AA compliant \u2014 keyboard navigation, screen reader support, <code>prefers-reduced-motion<\/code> respect<\/li>\n<li>Six color palettes (Rainbow, Metallic, Neutral Spectrum, Warm Sunset, Cool Ocean, Custom)<\/li>\n<li>Customizable toggle button: position, text, and gradient colors<\/li>\n<li>No external dependencies, no tracking, no data collection<\/li>\n<li>Performance optimizations: object pooling, particle culling, canvas scaling, RAF animation<\/li>\n<\/ul>\n\n<p>Built with <a href=\"https:\/\/telex.im\">Telex<\/a> and <a href=\"https:\/\/claude.ai\/code\">Claude Code<\/a>. More details at <a href=\"https:\/\/klatespencer.com\/glitter-bomb\/\">klatespencer.com\/glitter-bomb<\/a>.<\/p>\n\n<h3>Contributing<\/h3>\n\n<p>Bug reports and contributions welcome: <a href=\"https:\/\/github.com\/klatespencer\">github.com\/klatespencer<\/a><\/p>\n\n<!--section=installation-->\n<ol>\n<li>In your WordPress dashboard, go to Plugins \u2192 Add New<\/li>\n<li>Search for \"Glitter Bomb\" and click Install, then Activate<\/li>\n<li>Add the \"Glitter Bomb\" block to any post or page from the block editor<\/li>\n<li>Customize in the right sidebar \u2014 effects only appear on the frontend, not in the editor<\/li>\n<\/ol>\n\n<p><strong>Manual install:<\/strong> Download the ZIP, go to Plugins \u2192 Add New \u2192 Upload Plugin.<\/p>\n\n<!--section=faq-->\n<dl>\n<dt id=\"why%20don%27t%20i%20see%20particles%20in%20the%20editor%3F\"><h3>Why don't I see particles in the editor?<\/h3><\/dt>\n<dd><p>Effects only render on the frontend. The editor shows a settings summary instead.<\/p><\/dd>\n<dt id=\"does%20this%20work%20on%20mobile%3F\"><h3>Does this work on mobile?<\/h3><\/dt>\n<dd><p>Yes. Particle trails follow your finger with smooth gesture tracking, tap triggers sparkle explosions in Particle Field mode, and you can configure separate particle sizes for mobile vs. desktop. If you need to, you can disable effects on mobile entirely \u2014 but the touch interactions are the fun part.<\/p><\/dd>\n<dt id=\"is%20it%20accessible%3F\"><h3>Is it accessible?<\/h3><\/dt>\n<dd><p>Yes. WCAG 2.2 AA compliant: keyboard navigation, screen reader announcements via ARIA live regions, visible focus indicators, and automatic respect for <code>prefers-reduced-motion<\/code> per <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/animation-from-interactions.html\">WCAG 2.1 Success Criterion 2.3.3<\/a>.<\/p><\/dd>\n<dt id=\"what%27s%20the%20difference%20between%20the%20two%20modes%3F\"><h3>What's the difference between the two modes?<\/h3><\/dt>\n<dd><p><strong>Sprinkle Trail<\/strong> creates particles that follow cursor or touch movement in compact or scattered patterns. <strong>Particle Field<\/strong> fills the entire viewport with physics-based glitter that drifts, attracts to your cursor, and explodes on click.<\/p><\/dd>\n<dt id=\"will%20this%20slow%20down%20my%20site%3F\"><h3>Will this slow down my site?<\/h3><\/dt>\n<dd><p>Only on pages where the block is used \u2014 scripts and styles are loaded conditionally and won't touch pages that don't have the block. On pages that do have it, yes, there's an inordinate amount of JavaScript making this work. Object pooling, particle culling, canvas scaling, and smart particle limits help keep it reasonable \u2014 but it's still a lot. Plan accordingly.<\/p><\/dd>\n<dt id=\"can%20users%20turn%20it%20off%3F\"><h3>Can users turn it off?<\/h3><\/dt>\n<dd><p>Yes, always. There's a customizable toggle button (position, text, colors) and the plugin remembers the user's choice for the session. If you're going to shove glitter in people's faces, at least have the decency to let them turn it off.<\/p><\/dd>\n<dt id=\"how%20many%20particles%3F\"><h3>How many particles?<\/h3><\/dt>\n<dd><p>Sprinkle Trail: up to 100 (default 50). Particle Field: up to 500 (default 200).<\/p><\/dd>\n<dt id=\"does%20it%20collect%20data%20or%20set%20cookies%3F\"><h3>Does it collect data or set cookies?<\/h3><\/dt>\n<dd><p>No. Zero tracking, zero analytics. It uses sessionStorage (not cookies) to remember whether a user turned effects on or off \u2014 that data never leaves their browser.<\/p><\/dd>\n<dt id=\"one%20block%20per%20page%3F\"><h3>One block per page?<\/h3><\/dt>\n<dd><p>Yes, by design. Full-page effects don't stack well.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20caching%20plugins%3F\"><h3>Does it work with caching plugins?<\/h3><\/dt>\n<dd><p>Yes \u2014 all effects run client-side, so cached pages work fine.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.1 - 2026<\/h4>\n\n<ul>\n<li>Fix button width CLS by scoping transition to specific properties<\/li>\n<li>Add WordPress Playground Live Preview support via blueprint.json<\/li>\n<li>Update plugin description and readme copy<\/li>\n<li>Add WCAG 2.1 reduced motion criterion link to accessibility FAQ<\/li>\n<\/ul>\n\n<h4>1.0.0 - 2026<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>","raw_excerpt":"Maximalist particle effects for WordPress \u2014 touch-responsive sparkle trails and glitter fields. WCAG 2.2 AA compliant.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/283336","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=283336"}],"author":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/klate"}],"wp:attachment":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=283336"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=283336"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=283336"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=283336"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=283336"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=283336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}