Description
Features
- Scroll-driven frame-by-frame animation engine (canvas-based, 60fps)
- AI Studio — generate images and videos with Kling V3 + AI chat assistant
- Multi-keyframe support (2-4 keyframes with sequential I2V generation)
- 4 trigger modes: Scroll, Autoplay, Hover, Click
- Pin to viewport with configurable duration (100vh-1000vh) and position
- 5 text overlay styles: Card, Accent Card, Glass, Badge, Default
- Up to 5 text layers per animation with entrance animations and frame timing
- Rich text editor (TinyMCE) per layer
- Background overlay: solid color or gradient with opacity control
- 3 input methods: Upload Video, Upload ZIP, AI Generate
- FFmpeg server extraction + browser WASM fallback (works on shared hosting)
- WebP compression (50-70% smaller than PNG) with adjustable quality
- Progressive frame loading + lazy loading
- Frame Hold points for multi-stage scroll reveals
- Native Elementor widget with responsive controls and live preview
- Native Gutenberg block with inspector sidebar
- Universal shortcode:
[xplode_motion id="X"] - AI background removal (bria video-level API)
- Video versions panel — switch between AI generations
- Mobile responsive with per-device behavior (same/separate/disable)
- Playback controls: speed (0.5-2x), direction, easing, loop modes
- Full width option for edge-to-edge animations
- AJAX / SPA compatibility mode for themes using page transitions (Barba.js and similar)
- Zero jQuery — pure vanilla JavaScript
- ~200KB plugin size
Technical Requirements
- WordPress 5.8+
- PHP 7.4+
- FFmpeg (optional — browser WASM fallback included)
- Fal.ai API key (optional — only for AI Studio features)
Compatibility
- All WordPress themes
- Elementor 3+ (dedicated widget with full controls)
- Gutenberg (native block)
- Classic Editor + any page builder via shortcode
- Themes with AJAX / SPA page transitions (Barba.js and similar)
- Mobile browsers (touch scroll support)
Links
- Live Demo
- Video Tutorial + Live Animation
- Documentation included in plugin (HTML)
Changelog v1.1.1 — July 2026 * Fixed: pin mode did not engage when a fixed height was set on the animation v1.1.0 — July 2026 + Compatibility mode for themes using AJAX / SPA page transitions (Barba.js and similar) + Loader watchdog — prevents an endless loading spinner on internal navigation * Fixed: animation instances now clean up correctly after an SPA page swap * Fixed: pin mode did not engage when a parent container applied overflow clipping * Fixed: Fal.ai connection test showed "[object Object]" instead of the real error * Improved: licence activation now works out of the box (Envato API token bundled) * Security: hardened ZIP frame upload — path traversal protection, real image type validation, explicit copy error handling, and overwrite protection v1.0.0 — April 2026 + Initial release + Scroll-driven frame-by-frame animation engine + AI Studio with Image Lab, Storyboard, and Chat Assistant + Multi-keyframe support (2-4 keyframes with sequential I2V) + Text overlay system with 5 styles and rich text editor + Background removal (bria video-level API) + Elementor widget with responsive controls and live preview + Gutenberg block and universal shortcode + FFmpeg WASM browser fallback for shared hosting + Frame Hold points for multi-stage scroll reveals + Pin Position (top/center) for viewport sticky + Video Versions panel in Motion Studio + Full documentation (13 sections)
Xplode Motion is a WordPress plugin for creating frame-by-frame animations that respond to a visitor’s scrolling. You can upload a video or image sequence, or generate visuals with its optional AI tools, then control how the animation plays, pauses, pins on screen, and displays text overlays. It works with Elementor, Gutenberg, and shortcodes. It is aimed at WordPress designers, marketers, and developers who want to add interactive product demos, visual stories, or animated landing-page sections without building the animation behavior from scratch.