Xplode Motion - Scroll-Driven Frame Animation Plugin for WordPress

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)