Head to head
GSAP + ScrollTrigger vs Motion (was Framer Motion)
GSAP + ScrollTrigger and Motion (was Framer Motion) solve the same job (Animation & motion), so this is a pick-one decision. Watch out: Free but not OSI open source — a custom Webflow-owned licence that bars using GSAP inside competing no-code animation builders. Building scroll-driven features with it is squarely permitted. Release cadence has slowed to 2–3/year under Webflow.
| Field | GSAP + ScrollTriggergsap.com Not yet swept | Motion (was Framer Motion)motion.dev Not yet swept |
|---|---|---|
| What it is | Framework-agnostic animation engine whose differentiator is the timeline model: sequence, offset, nest, reverse and scrub complex choreography with precise control. ScrollTrigger handles scroll-driven and pinned animation; SplitText does per-character reveals. | Renamed from Framer Motion and spun out as an independent MIT project at motion.dev. Declarative animation via props, AnimatePresence for exits, layout/layoutId for shared-element transitions, variants for staggering, useScroll for scroll-linked values. |
| Category | Animation & motion | Animation & motion |
| Cost tier | free | free |
| Pricing | Free — all plugins, since 2025 | Free MIT · Motion+ €299 once |
| Why builders pick it | This is the scrolled-feature-article tool. Pinned photo sequences, a headline that assembles as you scroll, a timeline piece that scrubs — that is ScrollTrigger, and nothing else comes close. Webflow acquired GreenSock and made every formerly-paid plugin free in 2025. Core + ScrollTrigger + SplitText is ~49 kB gz. | Page and route transitions between article and index, staggered card reveals on the issue grid, image-to-lightbox shared-element morphs. Composes cleanly with Tailwind and shadcn. Use LazyMotion + the m component to land near 18 kB instead of 38 kB. |
| Watch out for | Free but not OSI open source — a custom Webflow-owned licence that bars using GSAP inside competing no-code animation builders. Building scroll-driven features with it is squarely permitted. Release cadence has slowed to 2–3/year under Webflow. | Do not build long scroll narratives with useScroll — once you need pinning and scrubbing you are rebuilding ScrollTrigger badly. Do not wrap hundreds of list items in motion.div. |
| How to wire it up | npm install gsap @gsap/react | npm install motion |
| Editor's pick | Yes | Yes |
Other matchups worth running
Agent endpoint: GET /api/public/compare?slugs=gsap-scrolltrigger,motion