{"id":291275,"date":"2026-04-04T14:51:02","date_gmt":"2026-04-04T14:51:02","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/animation-kit\/"},"modified":"2026-05-16T06:36:15","modified_gmt":"2026-05-16T06:36:15","slug":"wpxero-animation-kit","status":"publish","type":"plugin","link":"https:\/\/test.wordpress.org\/plugins\/wpxero-animation-kit\/","author":21159831,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"0.2.1","stable_tag":"0.2.1","tested":"7.0","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Animation Kit \u2013 Animated Background Effects Toolkit","header_author":"WPXERO","header_description":"Entrance animation controls for Gutenberg blocks.","assets_banners_color":"6c8071","last_updated":"2026-05-16 06:36:15","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/wpxero.com\/plugins\/wpxero-animation-kit\/pricing","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/wpxero-animation-kit","header_author_uri":"https:\/\/wpxero.com\/plugins\/wpxero-animation-kit","rating":0,"author_block_rating":0,"active_installs":0,"downloads":240,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"0.0.1":{"tag":"0.0.1","author":"wpxero","date":"2026-04-04 14:50:35"},"0.1.0":{"tag":"0.1.0","author":"wpxero","date":"2026-04-14 15:14:35"},"0.2.0":{"tag":"0.2.0","author":"wpxero","date":"2026-05-14 16:00:28"},"0.2.1":{"tag":"0.2.1","author":"wpxero","date":"2026-05-16 06:36:15"}},"upgrade_notice":{"":"<p>0.2.1 improves the Multiple Backgrounds editor, fixes lost saves when applying configurations, and aligns color controls with the rest of the admin UI. Clear any full-page caches after updating.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3498787,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3498787,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3498787,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3498787,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.0.1","0.1.0","0.2.0","0.2.1"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"<strong>Animation Kit dashboard<\/strong> \u2013 Welcome hub with quick paths into background settings and documentation.","2":"<strong>Background Animation workspace<\/strong> \u2013 Live-oriented controls, preview, and save workflow inside WordPress.","3":"<strong>Antigravity<\/strong> \u2013 Magnetic particle fields that respond to pointer movement for a sci-fi depth effect.","4":"<strong>Aurora<\/strong> \u2013 Flowing color fields suited to hero sections, portfolios, and night-mode brands.","5":"<strong>Particles and Radar<\/strong> \u2013 Drifting particle systems and sweep-style radar visuals for tech and data-driven layouts."},"jetpack_post_was_ever_published":false},"plugin_section":[262246],"plugin_tags":[785,2767,148857,76538,247],"plugin_category":[50],"plugin_contributors":[223308],"plugin_business_model":[],"class_list":["post-291275","plugin","type-plugin","status-publish","hentry","plugin_section-dashboard-widgets","plugin_tags-animation","plugin_tags-background","plugin_tags-block-editor","plugin_tags-elementor","plugin_tags-performance","plugin_category-media","plugin_contributors-wpxero","plugin_committers-wpxero"],"banners":{"banner":"https:\/\/ps.w.org\/wpxero-animation-kit\/assets\/banner-772x250.png?rev=3498787","banner_2x":"https:\/\/ps.w.org\/wpxero-animation-kit\/assets\/banner-1544x500.png?rev=3498787","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/wpxero-animation-kit\/assets\/icon-128x128.png?rev=3498787","icon_2x":"https:\/\/ps.w.org\/wpxero-animation-kit\/assets\/icon-256x256.png?rev=3498787","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Animation Kit brings <strong>GPU-style animated backgrounds<\/strong> to WordPress through a dedicated <strong>Background Animation<\/strong> screen inside your admin. Pick a preset, tune colors and motion, turn the effect on, and your visitors see a smooth canvas layer behind your content\u2014without editing theme code.<\/p>\n\n<p>The free plugin focuses on <strong>one site-wide background configuration<\/strong> that loads only when enabled, uses <strong>deferred scripts<\/strong> and <strong>lazy-loaded WebGL chunks<\/strong>, and keeps the canvas <strong>non-interactive<\/strong> (<code>pointer-events: none<\/code>) so forms, links, and navigation keep working normally.<\/p>\n\n<p><strong>What you can configure (free)<\/strong><\/p>\n\n<ul>\n<li><strong>Effect library (currently enabled in the picker):<\/strong> Antigravity, Aurora, Particles, Radar, and Light Pillar\u2014each with type-specific controls (density, speed, palette, glow, and similar options depending on the effect).<\/li>\n<li><strong>Display basics:<\/strong> opacity, stacking order (<code>z-index<\/code>), positioning mode, and optional solid backdrop color behind transparent shaders.<\/li>\n<li><strong>Whole-site placement:<\/strong> the free tier applies your background across the <strong>entire website<\/strong> so it is predictable with popular themes and page builders.<\/li>\n<\/ul>\n\n<p><strong>Performance and compatibility (built in)<\/strong><\/p>\n\n<ul>\n<li><strong>Lazy loading:<\/strong> heavy Three.js \/ renderer code is loaded on demand after your page is ready, using <code>requestIdleCallback<\/code> when the browser supports it.<\/li>\n<li><strong>Mobile awareness:<\/strong> the runtime reduces expensive particle counts on smaller viewports where appropriate.<\/li>\n<li><strong>Optimization plugins:<\/strong> exclusions and inline helpers target common \u201cdelay \/ combine \/ defer JS\u201d rules from <strong>WP Rocket<\/strong>, <strong>LiteSpeed Cache<\/strong>, <strong>Autoptimize<\/strong>, <strong>W3 Total Cache<\/strong>, and similar stacks so split bundles still resolve correctly.<\/li>\n<li><strong>Modern themes:<\/strong> the frontend wrapper accounts for block theme layout quirks so the canvas can span the full viewport reliably.<\/li>\n<\/ul>\n\n<p><strong>Who it is for<\/strong><\/p>\n\n<ul>\n<li>Agencies polishing <strong>hero sections<\/strong>, SaaS landing pages, portfolios, and conference sites.<\/li>\n<li>Teams that want <strong>motion design<\/strong> without shipping custom shaders in the theme.<\/li>\n<li>Anyone comparing <strong>animated background<\/strong> plugins and needing <strong>clear controls<\/strong> plus a path to <strong>Pro<\/strong> when they outgrow the free scope.<\/li>\n<\/ul>\n\n<p><strong>Animation Kit Pro<\/strong><\/p>\n\n<p>Upgrade when you need <strong>multiple stacked backgrounds<\/strong>, separate rules per configuration, and advanced placement (for example <strong>specific pages<\/strong>, <strong>CSS selector targets<\/strong>, or <strong>HTML element<\/strong> scoping). Pro also includes priority support and ongoing premium updates. Details and pricing: <a href=\"https:\/\/wpxero.com\/plugins\/wpxero-animation-kit\/pricing\">Animation Kit Pro<\/a>.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>wpxero-animation-kit<\/code> folder to <code>\/wp-content\/plugins\/<\/code> or install directly from the Plugins screen.<\/li>\n<li>Activate <strong>Animation Kit<\/strong>.<\/li>\n<li>Open <strong>Animation Kit \u2192 Background Animation<\/strong> in your WordPress admin.<\/li>\n<li>Choose an effect, adjust settings, enable the background, and save.<\/li>\n<li>Visit the front of your site in a private window to confirm the animation matches your expectations across desktop and mobile.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20animation%20kit%20replace%20my%20theme%20background%20image%3F\"><h3>Does Animation Kit replace my theme background image?<\/h3><\/dt>\n<dd><p>It renders a dedicated canvas layer according to your settings (opacity, <code>z-index<\/code>, and optional background color). Most teams use it as a <strong>motion layer<\/strong> behind existing hero content rather than replacing every theme asset.<\/p><\/dd>\n<dt id=\"will%20this%20hurt%20core%20web%20vitals%20or%20pagespeed%20scores%3F\"><h3>Will this hurt Core Web Vitals or PageSpeed scores?<\/h3><\/dt>\n<dd><p>The plugin only enqueues frontend JavaScript when a background is <strong>enabled<\/strong>, splits heavy code into <strong>lazy-loaded chunks<\/strong>, and defers startup work when possible. Like any WebGL animation, very aggressive particle counts on weak devices can still cost GPU time\u2014use previews and tune density and speed for production.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20elementor%2C%20gutenberg%2C%20bricks%2C%20or%20wpbakery%3F\"><h3>Does it work with Elementor, Gutenberg, Bricks, or WPBakery?<\/h3><\/dt>\n<dd><p>Yes. Animation Kit is <strong>not tied to a single builder interface<\/strong>; it outputs on the front end like other global plugins, so it cooperates with major builders and block themes as long as your theme prints a normal <code>body<\/code> document.<\/p><\/dd>\n<dt id=\"does%20the%20canvas%20block%20clicks%20or%20keyboard%20focus%3F\"><h3>Does the canvas block clicks or keyboard focus?<\/h3><\/dt>\n<dd><p>The animation wrapper is marked <code>aria-hidden=\"true\"<\/code> for assistive technologies and uses <code>pointer-events: none<\/code> so visitors can still interact with buttons, menus, and forms above the layer.<\/p><\/dd>\n<dt id=\"what%20is%20the%20difference%20between%20free%20and%20pro%3F\"><h3>What is the difference between Free and Pro?<\/h3><\/dt>\n<dd><p><strong>Free<\/strong> includes the enabled background effects, full tuning for each effect, and <strong>entire-website<\/strong> placement for a <strong>single<\/strong> active configuration.<\/p>\n\n<p><strong>Pro<\/strong> unlocks <strong>multiple background configurations<\/strong>, <strong>per-rule placement<\/strong> (such as specific pages, CSS selectors, or targeted HTML elements), and the other premium benefits listed on the pricing page.<\/p><\/dd>\n<dt id=\"does%20the%20plugin%20collect%20analytics%20or%20personal%20data%3F\"><h3>Does the plugin collect analytics or personal data?<\/h3><\/dt>\n<dd><p>The free distribution includes the <strong>Freemius<\/strong> SDK for licensing, updates, and optional opt-in insights. Review the Freemius privacy information inside the plugin and your site\u2019s privacy policy if you enable advanced tracking features.<\/p><\/dd>\n<dt id=\"is%20the%20plugin%20translation-ready%3F\"><h3>Is the plugin translation-ready?<\/h3><\/dt>\n<dd><p>Yes. String catalogs ship with the plugin so communities can localize the admin experience.<\/p><\/dd>\n<dt id=\"where%20do%20i%20get%20help%3F\"><h3>Where do I get help?<\/h3><\/dt>\n<dd><p>Use the <a href=\"https:\/\/wordpress.org\/support\/plugin\/wpxero-animation-kit\/\">WordPress.org support forums<\/a> for the free plugin. Pro customers receive priority channels as described on the WPXERO site.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>0.2.1 [May 16, 2026]<\/h4>\n\n<ul>\n<li>Improved: Multiple Backgrounds configuration editor UI (Animation\/Display sub-tabs, aligned color controls, configuration details card)<\/li>\n<li>Fixed: Apply Configuration now saves to the database immediately so background configurations are not lost<\/li>\n<li>Improved: Configuration name field UX with validation and clearer editor guidance<\/li>\n<\/ul>\n\n<h4>0.2.0 [May 14, 2026]<\/h4>\n\n<ul>\n<li>Added: Radar background effect<\/li>\n<li>Improved: Particles background effect and frontend renderer<\/li>\n<li>Improved: Background admin editor (shared controls, layout, and styles)<\/li>\n<li>Fixed: Display rules UI and conditional logic for when effects apply<\/li>\n<li>Added: Translation template (POT) and JSON string catalogs for localization<\/li>\n<\/ul>\n\n<h4>0.1.0 [April 14, 2026]<\/h4>\n\n<ul>\n<li>Added: New Background Animation feature with Aurora effects for enhanced visual website customization<\/li>\n<\/ul>\n\n<h4>0.0.1 [April 03, 2026]<\/h4>\n\n<ul>\n<li>Added: New Background Animation feature with Antigravity and Pillar effects for enhanced visual website customization<\/li>\n<li>Added: Background effects customization options including particle density, speed, colors, and opacity<\/li>\n<li>Added: Section-specific background effect application for targeted visual enhancement<\/li>\n<li>Added: Responsive background animations optimized for all device types<\/li>\n<\/ul>\n\n<h4>0.0.1 [Initial Release]<\/h4>\n\n<ul>\n<li>Initial release of Animation Kit plugin<\/li>\n<\/ul>","raw_excerpt":"Cinematic WebGL animated backgrounds for WordPress: Antigravity, Aurora, Particles, Radar, Light Pillar. Lazy loaded, theme and cache friendly.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/291275","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=291275"}],"author":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/wpxero"}],"wp:attachment":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=291275"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=291275"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=291275"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=291275"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=291275"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=291275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}