banner

Scrollsequence PRO – Scroll Animation WordPress Plugin

img

Product Overview

Scrollsequence PRO turns standard video files into immersive, scroll-driven animations that put visitors in control. Instead of a passive player, the animation advances and rewinds frame-by-frame as users scroll down or up the page — creating a cinematic, interactive experience that holds attention longer and communicates complex visual stories without requiring a play button.

Upload a video, configure a few settings, and embed the sequence anywhere using the Gutenberg block or a shortcode. The plugin renders optimized image sequences (WebP with JPEG fallback) that load efficiently and respond instantly to scroll input. No external dependencies, no monthly fees, no performance drag.

Key Features

  • Video-to-sequence conversion: Upload MP4, WebM, or MOV (H.264, VP8/VP9); the plugin extracts frames and builds an optimized image sequence automatically.
  • Scroll-synced playback: Animation progress maps 1:1 to scroll position — smooth, jank-free, and fully reversible.
  • Gutenberg block & shortcode: Drop the block into any post, page, or template; or use [scrollsequence id="123"] with attributes for classic editor and page builders (Elementor, Bricks, Divi, etc.).
  • Responsive & retina-ready: Sequences scale fluidly across breakpoints; high-DPI assets served automatically when configured.
  • Performance-first output: WebP delivery with JPEG fallback, lazy-loading, and optional preload strategies keep Core Web Vitals green.
  • Customizable controls: Adjust frame count, playback direction, scroll sensitivity, looping, and placeholder styling.
  • WordPress.org hosted: Install directly from the plugin directory — updates, reviews, and support threads all in one place.

Benefits

  • Higher engagement time: Scroll-driven interaction keeps visitors on the page longer than auto-play video.
  • No JavaScript frameworks required: Works out of the box with any theme, builder, or custom template.
  • Accessible by default: Respects prefers-reduced-motion; keyboard-navigable; no autoplay audio surprises.
  • Developer-friendly: Clean PHP architecture, filter hooks for advanced customization, no obfuscated code.
  • Zero recurring cost: Free on WordPress.org with no feature-gated pro upsell in the repository version.

How It Can Be Used

  • Product showcases: Let shoppers scrub through a 360° product rotation or feature highlight reel by scrolling.
  • Data visualization: Reveal charts, diagrams, or process flows step-by-step as the reader advances.
  • Portfolio & case studies: Present before/after transitions, animation breakdowns, or design iterations interactively.
  • Landing page storytelling: Guide visitors through a narrative — each scroll reveals the next scene.
  • Education & tutorials: Frame-by-frame walkthroughs of UI interactions, code execution, or physical processes.

Specifications

  • Platform: WordPress 5.8+ (block editor support)
  • PHP: 7.4 or higher
  • Supported video inputs: MP4, WebM, MOV (H.264, VP8/VP9)
  • Output formats: WebP (primary), JPEG (fallback)
  • Embed methods: Gutenberg block, shortcode, PHP function
  • License: GPL v2 or later (WordPress.org repository version)

Why Choose Scrollsequence PRO?

Most scroll-animation tools either require hand-crafting image sequences in After Effects, depend on heavy JS libraries like GSAP/ScrollTrigger, or lock core features behind a SaaS subscription. Scrollsequence PRO eliminates all three friction points: it accepts raw video, renders optimized sequences server-side, and runs on a few kilobytes of vanilla JavaScript — all within the WordPress ecosystem you already manage.

Because it lives in the official plugin directory, you get transparent version history, community-vetted code, and update notifications in your dashboard. No license keys to manage, no external API calls, no vendor lock-in.

Frequently Asked Questions

Does Scrollsequence PRO work with page builders like Elementor or Bricks?
Yes. Use the provided shortcode [scrollsequence id="123"] inside any builder’s shortcode/text/html widget, or add the Gutenberg block via the builder’s native block element.
What happens if a visitor has “prefers reduced motion” enabled?
The plugin detects the prefers-reduced-motion media query and serves a static fallback image (the first frame) instead of the interactive sequence, ensuring accessibility compliance.
Can I host the image sequences on a CDN?
Yes. Generated assets are standard media library files; any offload/media-CDN plugin (WP Offload Media, BunnyCDN, Cloudflare, etc.) will serve them automatically.
Is there a limit on video length or frame count?
The repository version processes videos up to roughly 30 seconds / 900 frames per sequence to keep server resource usage reasonable. Longer content should be split into multiple sequences.
Does it support audio?
No. Scrollsequence PRO is designed for silent, visual-only sequences. Audio is intentionally excluded to avoid unexpected playback and to keep the experience scroll-controlled rather than time-controlled.

Conclusion

Scrollsequence PRO gives WordPress sites a native, performant way to turn video into scroll-driven storytelling — without the bloat, cost, or complexity of traditional animation workflows. Install it from the WordPress plugin directory, upload a video, and publish an interactive cinematic experience in minutes.

Transform any video into a scroll-controlled cinematic animation on your WordPress site. Visitors play, pause, and rewind frame-by-frame simply by scrolling — no code required. Convert MP4, WebM, or MOV to optimized WebP/JPEG sequences automatically Smooth, jank-free playback synced 1:1 to scroll position Insert via Gutenberg block or shortcode — works with any builder Lightweight vanilla JS, respects prefers-reduced-motion, zero recurring cost