Powered by GSAP 3

Professional GSAP animations for Etch. Zero code.

59 animation presets. Element-portable. Performance-optimized. Accessible by default. Add scroll-triggered entrances, text animations, parallax, hover effects, and more — all through simple attributes in the Etch builder.

59Animation presets
0 KBJS on static pages
100%Accessible
Features

Everything you need for stunning animations

From simple fade-ins to complex scroll-driven sequences, Etch Motion gives you the full power of GSAP without writing a line of JavaScript.

Zero-Code GSAP Power

59 presets covering entrances, text effects, scroll animations, hover interactions, Flip transitions, named timelines, and cursor followers. Full GSAP 3 under the hood.

Element-Portable

Animations live on the element via data attributes. Copy an element, share a component, export a template — the animation comes with it. Every time.

Performance by Default

Zero JavaScript on pages without animations. Only the GSAP modules you actually use get loaded. ScrollTrigger batching for high-element-count pages.

Accessibility-First

Respects prefers-reduced-motion at every level. Screen reader safe. Flash-rate protection. Touch device adaptations. No content permanently hidden.

Built for Etch

Deep Etch integration — builder panel, style system, conditional loading. Configure animations visually in the Etch builder alongside your design work.

📱

Responsive Control

Disable animations per-element below any breakpoint. Uses GSAP matchMedia for clean revert behavior. Animations adapt to any screen size.

How it works

Animate anything in three steps

1

Choose a preset

Pick from 59 animation presets — entrances, text effects, scroll animations, hover interactions, and more.

2

Configure in builder

Adjust duration, delay, easing, and trigger options directly in the Etch builder panel. See changes instantly.

3

Publish

Your animation is live. Only the GSAP modules needed for that page are loaded. Zero overhead on pages without animations.

Preset library

59 presets across four categories

25

Entrance & Exit

Fade, slide, scale, rotate, blur, and clip-path animations

10

Text Animations

SplitText by chars, words, lines. Typewriter. Scramble.

12

Scroll-Driven

Parallax, horizontal scroll, counters, scrub, and pin

12

Interactions

Hover, tilt, cursor follower, Flip transitions, timelines

Pricing

One plan. Unlimited sites. No limits.

No arbitrary site limits. No activation caps. Just the full plugin on every site you build.

Founding Member
$59/year

Or $199 one-time for lifetime access (limited availability)


All 59 animation presets
Unlimited sites — no activation limits
Etch builder panel integration
Conditional GSAP loading (zero JS on static pages)
Full accessibility support
1 year of updates and support
14-day money-back guarantee
Get Etch Motion

Frequently asked questions

Does Etch Motion require the Etch page builder?

No. Etch Motion works best with Etch — you get the builder panel, visual configuration, and style system integration. But it also works standalone on any WordPress site. You just add data-etch-motion attributes to your HTML elements manually.

What about the GSAP license?

GSAP is free for commercial use under the Standard No Charge License since Webflow acquired GreenSock. All GSAP plugins (ScrollTrigger, SplitText, Flip, etc.) are included. Etch Motion handles loading and configuration — you don't need a separate GSAP license.

Will animations slow down my site?

No. Etch Motion only loads GSAP modules on pages that actually use animations. A page with no animated elements loads zero additional JavaScript. On animated pages, only the specific modules needed (e.g., ScrollTrigger for scroll effects) are loaded.

What about accessibility?

Etch Motion respects the prefers-reduced-motion browser setting at every level. When a user has reduced motion enabled, animations are skipped and content is shown immediately. All content remains accessible to screen readers throughout the animation lifecycle.

Can I use it on client sites?

Yes. Your license covers unlimited sites — your own and your clients'. There are no activation limits. Build as many sites as you want.

What does "element-portable" mean?

Animation configurations are stored directly on elements as HTML attributes (data-etch-motion-*), not in a plugin database. When you copy an element, share a component, or export a template, the animation travels with it. It just works on the destination site.

What happens when my license expires?

Existing animations on your sites continue to work — nothing breaks. You lose access to updates and support. Renew anytime to resume updates. Lifetime license holders never have to worry about this.

Ready to bring your Etch sites to life?

Join the first wave of Etch designers using professional GSAP animations. Founding Member pricing won't last forever.

Get Etch Motion — $59/yrRead the Docs