gsap-framer-scroll-animation

Name: gsap-framer-scroll-animation
Availability: InStock
Author: github

Use this skill whenever the user wants to build scroll animations, scroll effects, parallax, scroll-triggered reveals, pinned sections, horizontal scroll, text…

view source

installs

stars

karma

SKILL.md

GSAP & Framer Motion — Scroll Animations Skill

Production-grade scroll animations with GitHub Copilot prompts, ready-to-use code recipes, and deep API references.

Design Companion: This skill provides the technical implementation for scroll-driven motion.
For the creative philosophy, design principles, and premium aesthetics that should guide how
and when to animate, always cross-reference the premium-frontend-ui skill.
Together they form a complete approach: premium-frontend-ui decides the what and why;
this skill delivers the how.

Quick Library Selector

Need
Use

Vanilla JS, Webflow, Vue
GSAP

Pinning, horizontal scroll, complex timelines
GSAP

React / Next.js, declarative style
Framer Motion

whileInView entrance animations
Framer Motion

Both in same Next.js app
See notes in references

related skills

semantically similar in the cross-vendor index

skills.sh

72% match

animate

Animation patterns and best practices for Next.js/React applications. Use this skill when implementing animations, transitions, hover effects, page…

don't have the plugin yet? install it then click "run inline in claude" again.