Your journey to mastering the GreenSock Animation Platform starts here

One Important Question

If your client asked for the animation below, would you know how to build it?

Let me guide you through the GreenSock basics so you can tackle projects like this with ease.

More than just a Getting Started tutorial

Hands-on training and in-depth videos to build confidence and competence

There are tons of tutorials and blog posts out there that explain how to make something move or spin with GSAP.

It's not brain surgery.

The GreenSock documentation is terrific and loaded with detailed explanations of specific features.

However, beginners can be left struggling to understand how to put it all together in real-world projects.


This training shows you not only what GSAP does but how to actually use it in real projects.

My training removes the confusion and guides you through a series of focused, hands-on lessons that show you how to solve real world animation challenges.

Student Reviews

⭑⭑⭑⭑⭑
Absolutely fantastic
Brilliant course.

Extremely well explained very easy to understand. One of the best investments I have made, it eliminates the need for so many other plugins and software you literally have everything you need with gsap
Adam Wright
⭑⭑⭑⭑⭑
Awesome Course
The introduction was very straightforward and at a very pleasant pace. Carl's teaching method developed a good understanding, particularly the visualizer he used to describe the timeline. Carl also shared tips that may not be noticed by a less experienced tutor. Fantastic!
Prashant Sunwar
⭑⭑⭑⭑
Mind Blown!!!
I'm an animator who just got into HTML and CSS a month ago, and I'm so excited to be using GSAP... It's opened completely new worlds to me already, and I'm not even done with the free trial yet! 
The absolute basics in this course show me enough to get going on my own for now.
Rebekka Keusch
⭑⭑⭑⭑⭑
Practical, clear, outstanding GSAP course!
Carl is not only an expert with GSAP, but he's also an interesting mix of relatable, funny, and professional. The videos are easy to follow and cover the essentials (and then some). We've all seen boring, technical videos stuck in the theoretical, making you feel dumb or utterly bored which is why I appreciate Carl's style so much. He's "one of us", explaining things that actually make sense in the real world.

Watch his courses and you'll be an animation superhero in no time. 

Highly recommended!
Jack Doyle (creator of GreenSock)
⭑⭑⭑⭑⭑
Fun and effective introduction to GSAP 3
The course introduces some basic concepts and shows how to animate on the web using GSAP 3. Great CodePen demos accompany the course and offer users the opportunity to practice what they've learnt.

There's a project to complete and some guidance on how to use the awesome docs on the GSAP website. Warmly recommended to beginners of this animation super library.
Antonella Perna
⭑⭑⭑⭑⭑
Carl you are a genuis!
I've been following you from Greensock forums and always thought if you could make some video courses for GSAP and now we have it! I enjoyed every part of it so far and now waiting to dig in for aome advanced topics.
Saad Khan
⭑⭑⭑⭑⭑
Excellent course
Presentation was very clear and at a pace just nice. Carl’s way of teaching generated good understanding, especially the visualiser he used to describe timeline. Carl also shared tips which a less experienced tutor may not notice. Excellent!
Regina Loh
⭑⭑⭑⭑⭑
Amazing course
I was an absolute beginner to SVG animation and now feel already confident that I can create cool things from now on.
Fumiko Toyoda
⭑⭑⭑⭑⭑
I wish I had taken this course first!
If you are new to gsap, especially version 3, do yourself a favor and take this course first. It will save you weeks of confusion. The course is cheap also. Like the price of a cup of coffee cheap.
Anthony Bachan

Course curriculum

  1. 1

    • Welcome to the Course

    • Our Development Environment

    • GSAP 3 Express Notes and Instructions
  2. 2

    • GSAP Object: Tweens and Timelines

    • Basic Tween

    • from() and fromTo()

    • Special Properties: Delay and Repeat

    • Special Property: Ease

    • Reading Ease Curves

    • About Me and Creative Coding Club

    • Special Property: Stagger

    • Tween Control

    • Copy of Why from() Tweens Glitch and Stop Working!

    • Using the GSAP Documentation
  3. 3

    • Why Timelines are Important

    • Basic Timeline Intro

    • Position Parameter Visualizer

    • Basic Timeline Position

    • Timeline Control and Labels

    • Bonus Demos
  4. 4

    • Simple Rollover / Hover Effects

    • Rollover / Hover Effects for Multiple Elements

    • Constant Hover Pulse with Smooth Reset
  5. 5

    • Project Setup

    • Basic Animation

    • Timeline Defaults

    • GSDevTools

    • Tweak Timing

    • Remove Flash of Un-styled Content (FOUC)
  6. 6

    • Typewriter Effect with TextPlugin

    • Getting Started with SplitText

    • SplitText Word by Word

    • SplitText Line by Line
  7. 7

    • Percentage-Based Keyframes

    • Percentage-Based Keyframes Part 2: Benefits, Downsides and Challenges
  8. 8

    • Hard Edge Gradient Animated Fill

    • Bug Race in a Single Tween

    • Scoll-Driven SVG Path Follower

    • gsap.registerEffect()

    • In Your Face Effect

    • Mask-Up / Scale-Down Effect: Chevy Tahoe Ad Exploration

    • Reveal dots while animation plays

    • Using CSS Clamp for Responsive Text Sizing

Make cool Text Effects With GSAP 3


All the animation in the video below was created with GSAP


 

Sample Lesson Video

Percentage-based keyframes in GSAP

Being that I release new lessons every week, my students always have access to training on GreenSock's latest features.

This lesson on GSAP's new percentage-based keyframe syntax came out within a week of the feature being available. 

Watch the video full screen to see the amount of detail that goes into explaining these important features.

Get up and running today with GSAP's core features through loads of deep-dive lessons like this.

Inside you'll get my follow-up lesson including my deep thoughts on this new syntax and 2 keyframe challenges!

JOIN TODAY FOR FREE

  • Instant access to full course
  • No credit card required
  • Demo files for each lesson

Learn GreenSock Today

Discover the Joy of Scripted Animation

Start Learning