Web Animation with GSAP and Framer Motion
Free Intermediate course · 10 lessons · 3 weeks · Certificate on completion
Add purposeful, performant motion to websites and React apps. Across 10 lessons you'll move from fundamentals to a portfolio-ready outcome — at your own pace, with quizzes after each lesson and a final exam to certify your mastery.
What you'll learn
- Principles of UI motion
- CSS transitions and keyframes
- Performance: what to animate
- GSAP basics
- Timelines
- ScrollTrigger
Skills you'll pick up
- Principles of UI motion
- CSS transitions and keyframes
- Performance: what to animate
- GSAP basics
- Timelines
- ScrollTrigger
Tools covered
- Web Animation
- Real-world projects
- Quizzes
- Final exam
Course modules
Module 1: Principles of UI motion
Module 1 of Web Animation with GSAP and Framer Motion. 3 lessons · 3h
Module 2: GSAP basics
Module 2 of Web Animation with GSAP and Framer Motion. 3 lessons · 3h
Module 3: Framer Motion
Module 3 of Web Animation with GSAP and Framer Motion. 2 lessons · 2h
Module 4: Reduced-motion support
Module 4 of Web Animation with GSAP and Framer Motion. 2 lessons · 2h
Lessons in this course
- Principles of UI motion
- CSS transitions and keyframes
- Performance: what to animate
- GSAP basics
- Timelines
- ScrollTrigger
- Framer Motion
- Layout animations
- Reduced-motion support
- Project: an animated landing page
Instructor
Lena Fischer — Senior Frontend Engineer
Lena Fischer is a Senior Frontend Engineer with years of hands-on experience teaching Web Animation to thousands of learners worldwide.
Certificate
Finish every lesson and pass the final exam to earn a free, verifiable Learnera certificate for Web Animation with GSAP and Framer Motion. It can be downloaded as a PDF and shared on LinkedIn.
Career outcomes
Median global salary $110,000 per year · median India salary ₹15,40,000 per year · 47,931 open roles worldwide
- Web Animation Specialist
- Senior Web Animation Lead
- Web Animation Consultant
Frequently asked questions
Is the Web Animation with GSAP and Framer Motion course free?
Yes. Every Learnera course, including Web Animation with GSAP and Framer Motion, is completely free — lessons, quizzes, the final exam, and the certificate.
How long does Web Animation with GSAP and Framer Motion take?
10 lessons, typically completed in 3 weeks at a comfortable pace.
Do I get a certificate?
Yes — pass the final exam and you receive a free, verifiable certificate you can share on LinkedIn.