WordPress scroll-animation plugin

Creating professional effects
has never been easier.

Create animation effects like the pros with Scroll Studio by IWD. Scroll Studio is a lightweight but powerful animation engine for WordPress websites. The studio lets you create “animation recipes” that you can use in your project.

See pricing
  • Eight signature effects
  • Templates or tag your own
  • Every major editor
  • Featherweight MIT engine
Built for every major editor

How it works

Only three steps

Creating professional page elements for a website takes three steps — and the free version comes with two core effects to build with.

  1. 1

    Tune it in the Studio

    A three-pane editor lives right inside wp-admin. Pick an effect, tune every parameter, and watch it scrub in a live preview. The Studio hands you a small, content-free JSON recipe — motion, and nothing else.

  2. 2

    Put it on your content — two ways

    Drop in a ready-made template (content and tags already in place, edit it natively), or tag elements you already built in the editor you already use. Either way the plugin writes the data-ss-* tags for you.

  3. 3

    It animates on scroll

    The runtime binds the motion to your content. Because the recipe carries motion only, your markup stays native and SEO-safe — fully reversible, so removing the tag leaves your page exactly as you built it.

Need more options?

Pro gives you more freedom to create

Take a look at what Pro opens up: a robust library of effects, templates and tuning tools for building the whole look, not just one section.

The full template library

Feature Showcase, Product Story and Portfolio Reveal — pre-tagged, pre-styled starter stacks you edit natively. (Minimal is free.)

All eight signature effects

Clip-stack, reveal, parallax, pin-horizontal, text-stagger, SVG line-draw, shape mask-reveal and SVG shape-mask — every effect, fully tunable in the embedded Studio.

Every future effect & template — included

New effects and templates we ship land in Pro automatically, for as long as your licence is active. Your library keeps growing at no extra cost.

Responsive per-breakpoint tuning

Set different parameter values for desktop, tablet and mobile from a single recipe — a gentler slide on phones, a shorter pace on tablets. The runtime swaps looks as the viewport crosses each breakpoint.

Saved looks

Save any tuned effect as a reusable look — motion only, never content — and apply it anywhere. Your library of signature moves, one click away, per-breakpoint overrides included.

Self-hosted auto-updates

One-click updates straight from wp-admin, delivered from our own update server. Your licence keeps them flowing.

Motion-only recipes

Exports carry the animation only — your content and markup stay exactly as you wrote them. SEO-safe, clean hand-off, and nothing to unpick if you ever remove it.

The engine is yours to keep

A lightweight MIT runtime, built entirely from scratch — self-contained, and licensed so it stays yours. It keeps running whether or not you renew.

The effects library

Two effects free, six more in Pro

Every effect is tunable live in the embedded Studio and exports as a tiny motion recipe. Fade + Slide-in and Depth Parallax ship in the free plugin; the six premium effects below are what a Pro licence unlocks.

Pro

The signature effect

Clip-path Stacking

Panels wipe over one another on a pinned stage — inset or iris reveals with depth, dim and edge-shadow cues. The look every agency asks for.

Free

Editorial reveals

Fade + Slide-in

Content fades, slides and zooms into the reading zone as it scrolls up. Tune the finish point and length so each hand-off lands clean.

Free

Sense of depth

Depth Parallax

Media drifts against its frame at your chosen speed, clipped and zoomed so the frame stays filled edge to edge. Vertical or horizontal axis.

Pro

The hard one, done

Pin & Horizontal Scroll

A section pins and the track scrolls sideways as you scroll down. Correct on every layout — recomputes on resize and stays smooth throughout.

Pro

Kinetic type

Text Stagger

Headlines split into words or characters and cascade in, each trailing the last. Line breaks and links survive the split.

Pro

Self-drawing lines

SVG Line Draw

Any stroked SVG path draws itself on as it scrolls into view. Cascade multiple paths, draw from either end — logos, diagrams, signatures.

Pro

Shape wipes

Shape Mask Reveal

Panels wipe in through a growing circle, box or directional shape — crisp or soft-edged. A different kind of entrance for any content.

Pro

Reveal through a silhouette

SVG Shape Mask

Panels bloom into view through a vector silhouette — blob, star, hexagon and more, or your own SVG path for a logo-shaped reveal. Crisp or soft-edged.

Add your own

The engine is registry-driven — a new effect is one module and one entry, and the Studio, exports and licensing all pick it up as they are.

Free vs Pro

See exactly what you get

Start free forever on WordPress.org — the full Studio, the MIT engine, and two core effects. Pro unlocks the six premium effects, the full template library, licensed auto-updates, and every new effect and template we ship.

What’s includedFreePro Recommended
Visual Studio editor (tune + live preview)
From-scratch MIT engine
Tag your own elements in any supported editor
Universal code & embed export
Motion-only, SEO-safe recipes
Scroll effects2 includedAll 8
Core effects — Fade + Slide-in, Depth Parallax
Premium effects — Clip-path Stacking, Pin & Horizontal Scroll, Text Stagger, SVG Line Draw, Shape Mask Reveal, SVG Shape Mask
Starter templatesMinimal onlyFull library
Premium template libraryShowcase · Story · Portfolio
Per-breakpoint animation params — desktop · tablet · mobile
Saved looks — reusable motion presets
Future effects & templates we shipAlways included
Automatic updatesvia WordPress.orgLicensed, self-hosted
SupportSupport centreSupport centre + priority email
PriceFree foreverFrom $29.99/yr

Every plan includes the full MIT engine, the Studio, and native tagging in every major editor. Pro adds the premium effects and templates, licensed updates — and every new effect and template we ship, included for as long as your licence is active.

Pricing

Simple annual licences

Introductory launch pricing for a brand-new plugin — and it’s yours to keep. Lock in today’s rate and it stays the same every year you renew, even after prices go up for new customers. Sold through Paddle, our merchant of record, with a 14-day money-back guarantee.

Introductory price

Single site

Regular price $49.99Introductory price $29.99/year

Pro on one website.

Buy now and this is your price for life — every renewal stays at $29.99.

  • The full template library
  • All eight effects — plus every future one
  • Native tagging in every major editor
  • Self-hosted auto-updates
  • A year of updates & support

Free forever

Free

$0

On WordPress.org.

Yours to use for as long as you like.

  • The Studio & the engine
  • Two core effects
  • The Minimal template
  • Universal code export
  • Every major editor supported
Get the free plugin

Prices in USD. Paddle collects any applicable VAT/sales tax at checkout.

FAQ

Questions, answered

How will this affect page performance?

Scroll Studio is built to stay light. It runs on its own purpose-built motion engine — one small, self-contained file that carries everything it needs and is served straight from your own site. It is event-driven, so it works while you scroll and rests while the page sits idle.

How is this different from the free version?

The free plugin on WordPress.org gives you the Studio, the engine, native tagging in every major editor, code export, the Minimal template, and two effects — Fade + Slide-in and Depth Parallax. Pro adds the six premium effects (Clip-path Stacking, Pin & Horizontal Scroll, Text Stagger, SVG Line Draw, Shape Mask Reveal, SVG Shape Mask), the full template library, priority support, and self-hosted auto-updates. And every new effect and template we ship lands in Pro automatically — your library keeps growing for as long as your licence is active. Installing Pro replaces the free plugin and carries your settings over.

Which editors and devices does it work with?

Scroll Studio is built to work in every major WordPress editor — Elementor, Gutenberg, Bricks and WPBakery — and in raw HTML with a single script tag. You build and style your section natively in whichever editor you already use, and the plugin attaches the motion to it. The result displays on every modern browser and on phones, tablets and desktops alike, with per-breakpoint tuning in Pro for when you want a different feel on smaller screens. Step-by-step guides for each editor are in the docs.

What does a licence cover?

The Single-site licence activates Pro on one site. The Unlimited licence activates it on as many sites as you build. Both are annual and include updates and support for the year.

Is the introductory price locked in?

Yes. These are introductory launch prices for a brand-new plugin, and they will rise over time. As long as you keep your licence active, you stay on the price you signed up at — your yearly renewal never goes up, even after we raise prices for new customers. If you let the licence lapse and come back later, you rejoin at the current rate.

What happens when my licence expires?

Everything you already installed keeps working — the engine is MIT and runs entirely on your own site. Renewing keeps the new updates and the premium template library coming.

Can I get a refund?

Yes. Checkout is handled by Paddle, our merchant of record, with a 14-day money-back guarantee. If it is not for you, email us and we will sort it out.

Ship the scroll experience your design deserves.

Eight effects, every major editor, and a lightweight engine that is yours to keep.

Compare licences