Innovate ScrollStage is a visual studio for scroll-linked animation. Tune a scroll effect against a live preview, copy its motion “recipe”, and attach it to content you build natively in your page builder — Elementor, the block editor (Gutenberg), or hand-coded HTML.

The motion runs on a small, self-contained runtime built for this plugin. Recipes are motion-only: they describe the animation, never your content or layout, so your markup stays native and SEO-friendly.

See the effects running: https://ss.innovatewebdevelopment.com/demo — every effect the studio can produce, animating on scroll, with the recipe that made each one. Three of them ship in this plugin; the rest are in the optional premium edition described below.

What you get

A built-in Studio editor (WP Admin Innovate ScrollStage Editor): pick an effect, tune its parameters live, preview it, and copy the recipe or export starter markup.
Three scroll effects — Fade + Slide-in (each section fades and slides into the reading zone), Media Parallax (a section’s media layer drifts at its own speed for depth), and Text Stagger (a headline assembles itself word by word, or letter by letter, as it scrolls in).
Native tagging for your builder. Choose your builder under Settings and Innovate ScrollStage adds simple role/recipe controls, so you can turn your own containers into a scroll stage using the builder edition you already run.
A starter template (Minimal) to drop in and edit natively.
Universal code export that works in any builder with a raw-HTML/embed widget.

How it works

Open the Studio editor and design an effect.
Copy the recipe (a small JSON string).
In your builder, tag a section as the scroll stage and paste the recipe. Innovate ScrollStage injects the data attributes at render and the runtime animates it on scroll.

Supported builders

Elementor — native “Innovate ScrollStage” controls on containers/sections/columns.
Gutenberg (block editor) — a “Innovate ScrollStage” inspector panel on Group/Columns/Cover blocks, plus a block pattern.
WPBakery — paste the Studio’s code export into a Raw HTML element, or use the “Innovate ScrollStage” fields on rows and columns.
Any other builder with a raw-HTML/embed widget — paste the same code export.

Open source runtime

The animation engine and runtime are MIT-licensed. This plugin is GPL. A separate, optional premium edition with additional effects and a larger template library is available from Innovate Web Development; it is not required and is not distributed here.

No code is minified or obfuscated in a way that hides its source. The front-end runtime ships twice: assets/scroll-studio.js is the plain, human-readable build, and assets/scroll-studio.min.js is the same code minified for production. Both are produced by esbuild from the readable engine modules included in this plugin at app/packages/engine/. Every other script and stylesheet ships unminified, and the plugin loads no code from any remote server or CDN.