GSAP (GreenSock Animation Platform) Courses and Certifications

Creative Coding Club

GSAP 3 Express

23 reviews

Learn the basics of GSAP tutorials for free and get advanced tutorials at a small fee to unleash the magic of animations on websites by SnorklTV aka Carl.

• Independent
• On-Demand
• Free Online Course

Learn Web Animation the Easy Way: An Intro to SVG and GSAP

598 ratings at Udemy

Create an animated eCard with just JavaScript and SVG in record time

• Udemy
• 3 hours 11 minutes
• On-Demand
• Paid Course

DesignCourse

Mastering Scroll Animations with GSAP ScrollTrigger

2 reviews

Learn to create engaging scroll animations using GSAP ScrollTrigger. Master timeline creation, trigger definitions, and advanced techniques for dynamic, interactive web designs.

• YouTube
• 23 minutes
• On-Demand
• Free Video

Creating an HTML5 Banner Ad with GreenSock (GSAP)

83 ratings at LinkedIn Learning

Learn how to use the GreenSock animation library in JavaScript to take your web animations to the next level.

• LinkedIn Learning
• 1 hour 46 minutes
• On-Demand
• Free Trial Available

JavaScript Animation with GSAP

28 ratings at Pluralsight

If you want to animate your JavaScript elements with ease, this course on GSAP is for you. You'll learn how to create a variety of animations, including tweens, timeline animations, dragging, CSS attributes, and more.

• Pluralsight
• 3 hours 13 minutes
• On-Demand
• Free Trial Available

Building Advanced JavaScript Animations with GSAP

11 ratings at Pluralsight

This course will teach JavaScript developers, who have already completed the first Animation with GSAP course, or have a good understanding of JavaScript, animation in general.

• Pluralsight
• 2 hours 39 minutes
• On-Demand
• Free Trial Available

DesignCourse

Animating SVG with the Awesome GSAP

Learn to animate SVG using GSAP 3.0 for a dynamic landing page. Master frontend techniques to create engaging, responsive web designs with professional-grade animations.

• YouTube
• 30 minutes
• On-Demand
• Free Video

Brian Design

How to Make a Website Using HTML, CSS, Javascript & GSAP - Responsive With Animations

Create a responsive website with HTML, CSS, JavaScript, and GSAP animations. Learn to build various sections, implement a mobile menu, and add dynamic effects for an engaging user experience.

• YouTube
• 2 hours 10 minutes
• On-Demand
• Free Video

DesignCourse

Creating Elaborate Website Animation Sequences - GSAP 3 Tutorial

Learn to create complex website animation sequences using GSAP 3. This tutorial covers HTML structure, CSS styling, and step-by-step implementation of impressive animations for enhanced user interfaces.

• YouTube
• 22 minutes
• On-Demand
• Free Video

DesignCourse

Creating an Awesome Slide-Out Navigation

Learn to create an interactive slide-out navigation using GSAP timeline animations. This tutorial covers design, CSS, padding, icons, clip paths, and toggle functionality for a unique UI element.

• YouTube
• 21 minutes
• On-Demand
• Free Video

DesignCourse

Creating a Full Screen Navigation with GSAP

Learn to create an animated full-screen navigation using HTML, CSS, and GSAP 3. Implement a sleek, modern design with smooth transitions for an enhanced user experience.

• YouTube
• 24 minutes
• On-Demand
• Free Video

DesignCourse

Creating Page Transitions with Barba.js and GSAP

Learn to create seamless page transitions using Barba.js and GSAP. Master techniques for smooth, artsy animations that enhance user experience and elevate your web design skills.

• YouTube
• 20 minutes
• On-Demand
• Free Video

DesignCourse

GSAP 3.0 Crash Course - JavaScript Animation Library

Learn GSAP 3.0 JavaScript animation library basics, including timelines, easing, and advanced techniques for creating dynamic web animations in this hands-on tutorial.

• YouTube
• 23 minutes
• On-Demand
• Free Video

developedbyed

GSAP Animation Tutorial - Create Awesome Animations With Javascript

Learn to create impressive JavaScript animations using GSAP library. Master complex sequencing, cross-browser support, and high-performance techniques for enhancing web interactivity.

• YouTube
• 31 minutes
• On-Demand
• Free Video

SVG Essentials & Animation, v2

Learn how to build and optimize SVG – the scalable graphics format for the web that can achieve impressively small filesizes for fast-loading websites!

• Frontend Masters
• 4-5 hours
• On-Demand
• Paid Course