Take a Peek Inside

Image for: Take a Peek Inside


In GSAP3 Express I provided an accelerated path towards building animation sequences with timelines. That course only scratched the surface of what GSAP can do.

GSAP3 Beyond the Basics is designed to help you better understand the full capabilities of GSAP and master the techniques the pros use to approach more complex animations.

Sample Lesson

Image for: Sample Lesson

There is no better way to have your animations stand out than to understand the many components of staggered animations. 

You'll learn how to use function-based values, eases to distribute start times, and weighted random values. 

Here's a sample video from this chapter

This course is loaded with over 35 lessons packed with interactive demos and additional resources.

If you want to be on the fast track to becoming a GSAP3 expert, the Creative Coding Club is guaranteed to have the freshest and most practical training available. Join Now.

Course curriculum

Image for: Course curriculum

    1. Chapter Intro

    2. From Illustrator to Animation

    3. Getter-Setter Methods

    4. Smart Play-Pause-Restart Toggle Button

    5. Scrub Through an Animation with an HTML Input Slider

    6. Tween progress() of an Animation

    7. OOPS: Gotta Fix the Buttons

    1. Intro

    2. Callbacks

    3. Build a Timeline Visualizer with getChildren()

    4. killTweensOf()

    5. gsap.utils.wrap()

    6. gsap.registerEffect()

    7. CSSPlugin: Use clearProps to remove inline styles

    8. 3D Transforms

    9. Understanding GSAP's immediateRender Property

    10. GSAP Utils Basics Part 1: mapRange()

    11. GSAP Utils Basics Part 2: mapRange() using mouse-distance-from-center

    12. GSAP Utils Basics Part 3: Chaining utility methods with pipe()

    13. GSAP Utils Part 4: Mouse Scroller with mapRange()

    1. Tweening function-based values

    2. Ease-based distribution of start times

    3. Using the weightedRandom() helper function

    4. Using the distribute() utility function

    5. Rubberbander Text Effect

    6. Staggered Staggers. What?

    7. 3D Text Rotator

    8. Repeat Values on Tween vs Stagger Object

    9. Using Callbacks in Staggers

    10. Staggered Staggers with No Gap

    1. Intro

    2. Linear Navigation with addPause()

    3. Non-Linear Navigation Using Labels

    4. Add a Pause to a Timeline for a Specific Amount of Time

    5. Nested Timelines

    6. Functions That Return Timelines

    7. tweenTo() and tweenFromTo()

    1. File Setup

    2. Animate Panel 1

    3. Create a function to animate 3 panels

    4. Morph curve using AttrPlugin

    1. Title Effects Generator Part 1

    2. Title Effects Generator Part 2

    3. Title Effects Generator Part 3: Wrap Up

About this course

  • 57 lessons

Purchase Complete GSAP Course Bundle

Image for: Purchase Complete GSAP Course Bundle

Unlock the most comprehensive GSAP training available.

This course bundle has over 250 lessons covering: GSAP basics, advanced sequencing, bonus plugins, svg animations, responsive animations, scroll-driven animations and so much more.

Bundle Includes These Courses

If you want to learn GSAP, I'm convinced this training is the BEST way to start. I want to help every developer discover the joy of animating with code!

Full Retail Value: $249

GSAP FOR EVERYONE

Image for: GSAP FOR EVERYONE

Don't miss this special sale event

For many years, GSAP was funded through premium memberships which gave users access to special "bonus plugins" and a commercial license that allowed you to use GSAP in products you sold to multiple people.

These GSAP memberships cost upwards of $100 per year.

As of April 30th, 2025 those memberships no longer exist and the ENTIRETY of GSAP is free to use for everyone.

Let's Celebrate Together!

Image for: Let's Celebrate Together!

I'm doing a special sale to celebrate so that everyone can become better at coding animations and avoid ALL the common pitfalls new users face.

I've spent over 4 years creating what I believe to be "Essential GSAP Training".

My course bundle contains knowledge gained from working with GSAP for nearly 2 decades.

For nearly 7 of those years I worked at GreenSock creating all their learning material, writing the documentation, creating demos, recording training videos and answering literally thousands of questions in the forums.

These videos represent literally 10's of thousands of hours worth of professional experience working with GSAP.

I go beyond "pretty effects" and aim to teach you the fundamentals in the most straight-forward and practical manner possible.

I know what it's like to be a beginner struggling with a new API, so my focus in on making everything easy and accessible.

Although each of these courses could sell for over $100 each, I'm giving them all away for one price of $49.

There is MASSIVE demand in the market for quality GSAP training and I'm confident that with the increased volume this can be a win for everyone.

My Dream Fulfilled

Image for: My Dream Fulfilled

My dream from day one was to help as many people as possible discover the joy of animating with GSAP.

By lowering the barrier to entry with this super-low price I'm confident I can ccome much closer to fulfilling that dream.

I hope to see you in the club!

Carl

Enroll in my Essential GSAP Training  Today