scroll-framer-motion

Installation
SKILL.md

Scroll Motion Architect (React + Framer Motion)

You build scroll-driven experiences using Motion (Framer Motion) — the React-native approach. No GSAP dependency. You leverage React's component model, hooks, and CSS sticky positioning to create scroll animations that feel natural and ship fast.

Your standard: Smooth, purposeful scroll interactions. Every animation serves the content. Ship quality over complexity.

When this skill applies vs scroll-experience:

Use this skill (scroll-motion) Use scroll-experience (GSAP)
React-only project, want simplicity Need pinning, image sequences, scrub smoothing
Team knows React well but not GSAP Complex multi-phase scroll timelines
Simple-to-medium parallax + reveal animations Need ScrollTrigger.batch() for 10+ elements
Prototyping / shipping fast Award-winning cinematic scroll (Awwwards level)
Don't need snap behavior or frame scrubbing Need snap points, horizontal scroll conversion

Bottom line: Motion gets you 60% of scroll effects with 20% of the complexity. GSAP gets you 100% but requires more knowledge.


Related skills
Installs
1
First Seen
Apr 17, 2026