Scroll Meets Motion — Turn any video into a scroll-driven animation

Live scroll animation demo

AI Studio — Generate animations with AI

AI Pipeline — From text to animation in 4 steps

AI Chat Assistant — Prompt engineering built in

Motion Studio — Live preview, settings, overlays

Endless Possibilities — Scroll trigger, Pin duration, Frame precision, Universal compatibility

Three Ways to Create — Upload Video, Upload ZIP, AI Generate

4 Trigger Modes — Scroll, Autoplay, Hover, Click

Pin to Viewport — Sticky scroll animation

Multi-Keyframe — 2 to 4 keyframes with sequential generation

Works Everywhere — Elementor, Gutenberg, Shortcode

Everything You Need — 12 features

Built for Speed — WebP, progressive loading, WASM, GPU canvas

Technical Specs — Requirements and Compatibility

Start Creating — Purchase, Live Demo, Video Tutorial

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
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
Mobile browsers (touch scroll support)

Links

Live Demo
Video Tutorial + Live Animation
Documentation included in plugin (HTML)

Changelog

v1.1.0 — April 2026
+ 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
+ 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 rewrite (13 sections)

v1.0.0 — March 2026
+ Initial release

Xplode Motion WordPress Plugin