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

Zero jQuery — pure vanilla JavaScript

~200KB plugin size