Code

Xplode Motion - Scroll-Driven Frame Animation Plugin for WordPress

Xplode Motion - Scroll-Driven Frame Animation Plugin for WordPress

Cart 5 sales
Recently Updated

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)
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
by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey