Description
Animation Kit brings GPU-style animated backgrounds to WordPress through a dedicated Background Animation 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—without editing theme code.
The free plugin focuses on one site-wide background configuration that loads only when enabled, uses deferred scripts and lazy-loaded WebGL chunks, and keeps the canvas non-interactive (pointer-events: none) so forms, links, and navigation keep working normally.
What you can configure (free)
- Effect library (currently enabled in the picker): Antigravity, Aurora, Particles, Radar, and Light Pillar—each with type-specific controls (density, speed, palette, glow, and similar options depending on the effect).
- Display basics: opacity, stacking order (
z-index), positioning mode, and optional solid backdrop color behind transparent shaders. - Whole-site placement: the free tier applies your background across the entire website so it is predictable with popular themes and page builders.
Performance and compatibility (built in)
- Lazy loading: heavy Three.js / renderer code is loaded on demand after your page is ready, using
requestIdleCallbackwhen the browser supports it. - Mobile awareness: the runtime reduces expensive particle counts on smaller viewports where appropriate.
- Optimization plugins: exclusions and inline helpers target common “delay / combine / defer JS” rules from WP Rocket, LiteSpeed Cache, Autoptimize, W3 Total Cache, and similar stacks so split bundles still resolve correctly.
- Modern themes: the frontend wrapper accounts for block theme layout quirks so the canvas can span the full viewport reliably.
Who it is for
- Agencies polishing hero sections, SaaS landing pages, portfolios, and conference sites.
- Teams that want motion design without shipping custom shaders in the theme.
- Anyone comparing animated background plugins and needing clear controls plus a path to Pro when they outgrow the free scope.
Animation Kit Pro
Upgrade when you need multiple stacked backgrounds, separate rules per configuration, and advanced placement (for example specific pages, CSS selector targets, or HTML element scoping). Pro also includes priority support and ongoing premium updates. Details and pricing: Animation Kit Pro.
Installation
- Upload the
wpxero-animation-kitfolder to/wp-content/plugins/or install directly from the Plugins screen. - Activate Animation Kit.
- Open Animation Kit Background Animation in your WordPress admin.
- Choose an effect, adjust settings, enable the background, and save.
- Visit the front of your site in a private window to confirm the animation matches your expectations across desktop and mobile.
FAQ
-
Does Animation Kit replace my theme background image?
-
It renders a dedicated canvas layer according to your settings (opacity,
z-index, and optional background color). Most teams use it as a motion layer behind existing hero content rather than replacing every theme asset. -
Will this hurt Core Web Vitals or PageSpeed scores?
-
The plugin only enqueues frontend JavaScript when a background is enabled, splits heavy code into lazy-loaded chunks, and defers startup work when possible. Like any WebGL animation, very aggressive particle counts on weak devices can still cost GPU time—use previews and tune density and speed for production.
-
Does it work with Elementor, Gutenberg, Bricks, or WPBakery?
-
Yes. Animation Kit is not tied to a single builder interface; 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
bodydocument. -
Does the canvas block clicks or keyboard focus?
-
The animation wrapper is marked
aria-hidden="true"for assistive technologies and usespointer-events: noneso visitors can still interact with buttons, menus, and forms above the layer. -
What is the difference between Free and Pro?
-
Free includes the enabled background effects, full tuning for each effect, and entire-website placement for a single active configuration.
Pro unlocks multiple background configurations, per-rule placement (such as specific pages, CSS selectors, or targeted HTML elements), and the other premium benefits listed on the pricing page.
-
Does the plugin collect analytics or personal data?
-
The free distribution includes the Freemius SDK for licensing, updates, and optional opt-in insights. Review the Freemius privacy information inside the plugin and your site’s privacy policy if you enable advanced tracking features.
-
Is the plugin translation-ready?
-
Yes. String catalogs ship with the plugin so communities can localize the admin experience.
-
Where do I get help?
-
Use the WordPress.org support forums for the free plugin. Pro customers receive priority channels as described on the WPXERO site.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Animation Kit – Animated Background Effects Toolkit” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Animation Kit – Animated Background Effects Toolkit” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
0.2.1 [May 16, 2026]
- Improved: Multiple Backgrounds configuration editor UI (Animation/Display sub-tabs, aligned color controls, configuration details card)
- Fixed: Apply Configuration now saves to the database immediately so background configurations are not lost
- Improved: Configuration name field UX with validation and clearer editor guidance
0.2.0 [May 14, 2026]
- Added: Radar background effect
- Improved: Particles background effect and frontend renderer
- Improved: Background admin editor (shared controls, layout, and styles)
- Fixed: Display rules UI and conditional logic for when effects apply
- Added: Translation template (POT) and JSON string catalogs for localization
0.1.0 [April 14, 2026]
- Added: New Background Animation feature with Aurora effects for enhanced visual website customization
0.0.1 [April 03, 2026]
- Added: New Background Animation feature with Antigravity and Pillar effects for enhanced visual website customization
- Added: Background effects customization options including particle density, speed, colors, and opacity
- Added: Section-specific background effect application for targeted visual enhancement
- Added: Responsive background animations optimized for all device types
0.0.1 [Initial Release]
- Initial release of Animation Kit plugin