Practical GreenSock

Learn how to build 3 interactive projects using GSAP3 and ScrollTrigger.

Watch The Courses Preview

Find out exactly what you will build inside of this bundle.

Projects Slider - Premium GreenSock Tutorials

Projects Slider

Starter Project

  • Build an interactive slider step by step using GSAP3
  • Vanilla JavaScript and GreenSock
  • 1hr 34min

Read More

Pen Reveal - Premium GreenSock and ScrollTrigger Tutorials

Pen Reveal

Starter Project

  • Build a cool product reveal scrolling animation using ScrollTrigger
  • Vanilla JavaScript and GSAP3 and ScrollTrigger
  • 1hr

Read More

Bella - Premium GreenSock and ScrollTrigger Tutorials

Bella

Main Project

  • A series of GreenSock and ScrollTrigger tutorials based on a popular award winning website
  • Vanilla JavaScript and GSAP3 and ScrollTrigger
  • 5hrs 23min

Read More

Practical GreenSock Reviews
Practical GreenSock Reviews

Everything that Petr does in the videos he explains the pros/cons, reasons why he is coding it a certain way, he doesn’t leave you confused or guessing how or why.

I have gained so much knowledge from this course.

I would recommend it to anyone and everyone!


Student Review - Robbie Crenshaw5 star ratingRobbie Crenshaw, Front-End Web Developer, @robbiecren

Learn how to make projects
you want to make!

Michael Mary

Even pace and positive attitude makes the lessons so easy to follow. I highly recommend this course.

5 stars

Michael Mary
Robbie Crenshaw

Bella is a phenomenal online course, the detail that Petr put into this course blew me away. I have gained so much knowledge from this course.

5 stars

Robbie Crenshaw
Daniel Cruz

I really love the course, some effects that I thought were pretty difficult to achieve, Petr makes them really easy to understand and code.

5 stars

Daniel Cruz

Intended Audience

Is this for you?

  • Anyone on a journey to build an award-winning website (one day).
  • Anyone with some JavaScript and GSAP3 experience.
  • This course is not for GSAP or JS beginners, it might be too fast for you.
  • Designers who would love to build their own animations.
  • Creative developers looking for more advanced GreenSock tutorials.

Objectives

What will you learn?

  • Build more advanced interactive elements step by step.
  • Build a variety of interactive components using GSAP3 and vanilla JavaScript.
  • Learn how to implement parallax images, smooth scrolling, page transitions and more.
  • Learn by doing, follow Petr step by step, line by line.

Prerequisites

What do you need before starting?

  • A completion of my GreenSock 101 is highly recommended.
  • All working files are available for download.
  • Positive attitude towards learning new techniques.
  • A genuine interest in GreenSock and JavaScript animations.
  • Tomato lovers more than welcome!

GreenSock and ScrollTrigger Premium Tutorials

Target Audience

Intermediate and advanced creative developers, this is for you :)

Practical GreenSock target audience

Jonathan Martínez

It is very easy to learn with Petr, he is explaining everything step by step.

5 stars

Jonathan Martínez
Jaroslav Horak

I had the opportunity to go through this course and boy I learn a LOT. Petr picks a hard looking animations and turns them into easy to follow step by step tutorials.

5 stars

Jaroslav Horak
Shobhit Kuruvilla

If you want to start learning how to make websites with cool animations, this should be the go-to course.

5 stars

Shobhit Kuruvilla

Petr Tichy - @Ihatetomatoes

Petr Tichy (@ihatetomatoes) is a long-time GreenSock ambassador, author of multiple successful online courses, a host of Awwwards Live Jury website reviews and a front-end developer, just like you.

GreenSock

GreenSock is ultra high-performance, professional-grade animation platform for the modern web used on more than 70% of award winning websites.

100% Money Back Guarantee

Watch the first 5 course videos and if you are not completely satisfied, you can enjoy my 14-day 100% money back guarantee. Simply contact me for a prompt refund.

Course Packages

Select your package.

Starter Projects

GSAP3 or ScrollTrigger project

$67

$47

Go to store

  •  
  •  
  • Access to Projects Slider or
  • Access to Pen Reveal or
  • Lifetime access

Most Popular

Main Project

GSAP3 and ScrollTrigger project

$147

$97

Go to Bella

  •  
  •  
  •  
  • Access to Bella
  • Lifetime access

Practical GreenSock

A bundle of 3 projects

$281

$127

  • Access to Projects Slider
  • Access to Pen Reveal
  • Access to Bella
  • VIP discount on my future courses
  • Lifetime access

Sold out

Have a few questions? No worries.

Who designed Bella?

Bella has been inspired by award-winning website Leonie Hendrikse & Jeroen Stockstockdutchdesign.com and this course has been produced with a written permission from Exo Ape.

The content of this course is for educational purposes only and you may not reuse the design aspect without Exo Ape’s permission.

A special thanks to Rob Smittenaar (Creative Developer – @robsmittenaar), Robbert Schefman (Art Direction – @RobbertSchefman) and Ronald Gijezen (Motion Design – @ronaldgijezen).

What if I sign up and find out it's not for me?

You are covered by my 14-day money back guarantee. If you are not thrilled after watching the first 5 videos, you can enjoy my 100% money back guarantee. Simply contact me for a prompt refund of the full purchase price.

Can I download the videos and watch them offline?

No, video files are not available for download. You need to be online and logged in to my site to be able to follow this course.

Do I need GreenSock Club membership?

No, you don’t need the paid GreenSock club membership. We will only cover the core GSAP. I use GSDevtools in some units, but that does not stop you from following along.

What software do I need to complete the workshop?

All you need is a code editor (I am using VSCode and LiveServer extension). You can download the starting files and follow me step-by-step from start to finish of each project.

I have another question!

For any other questions use the Get In Touch form or hit me up on Twitter @ihatetomatoes.

Do you offer a student discount?

Yes, simply prove that you are a student by completing the Student Discount Request form and I will get back to you.

Do you want to master JavaScript animations?

Here is what others think about the courses in this bundle.

5 stars
By Marco Terrinoni

What a marvelous course! It usually takes me weeks to do these sorts of things but I binged the whole lot in one sitting.

It’s very rare to find courses on frontend that focus purely on interaction and motion design using real world scenarios.

Petr breaks down concepts down quickly and doesn’t waste words by going off on tangents.

He’s an exceptional teacher and my only complaint is that this course wasn’t made 5 years ago 🙂

Very much looking forward to seeing a more in depth Barba.js course in the future.

5 stars
By Liam Crane

Petr’s teaching is first class! He makes everything so easy to understand and I don’t feel like I’m getting to overwhelmed by it all when following along.

Being fairly new to vanilla JavaScript I was concerned I would not be able to understand what was happening but Petr breaks everything down in a way thats very easy to understand whats happening under the hood.

Keep up the incredible work, I’m so glad I came across GSAP it really is fantastic and It’s keeping my css clutter free!

5 stars
By Rocky Nguyen on Projects Slider

Great course on how to start animating with GSAP.

I really like the starting code to speed up the learning process.

You also dig deep into some of the quirks of the code and the refactoring is an important step.

You did it in a way that doesn’t confuse the student.

Great stuff!

5 stars
By Ilja P.

This course teaches general principles and approaches that one will be using and reusing in animated site projects over and over again.

Great value, better than expected.

5 stars
By Robbie Crenshaw - Front-End Web Developer

Bella is a phenomenal online course, the detail that Petr put into this course blew me away.

Everything that Petr does in the videos he explains the pros/cons, reasons why he is coding it a certain way, he doesn’t leave you confused or guessing how or why.

In one of the videos Petr says “Let’s debug this together“, he really took the time to make these videos feel intimate and personal, as if we were working on this project together.

I have gained so much knowledge from this course, I would recommend it to anyone and everyone!

5 stars
By Mitchell Early - Front End Developer at XCOM

Bella is really packed with so many great lessons. This was a course I had really been looking for in regards to GSAP tweens, timeline animations and parallax effects.

It really covered them all! Absolutely enjoyed it and really came out the other side with a lot more knowledge and best way to approach projects.

Bella was the perfect companion to the previous, Project Slider and the Pen Reveal tutorials.

I found the instructions very clear.

I sometimes tried to make changes when prompted in an attempt to resolve issues before you revealed your way. I find this great especially from a CSS point of view and adding extra rules to help get the effects I wanted.

Having the code snippets was also great to refer to and use when needed throughout each of the videos.

Really well done Petr and thank you for the course!!

Petr’s teaching and knowledge of the GSAP engine are second to none.

Skills gained after completing this course will definitely add to any developers skillset.

5 stars
By Daniel Cruz - CSS and Vanilla JS enthusiast

I’ve been trying to look for tutorials on how to make websites like the ones from Awwwards, FWA, etc. and there’s none.

In this course in a little amount of time you learn how to make subtle but powerful effects that make a website look awesome.

I really love the course, some effects that I thought were pretty difficult to achieve, Petr makes them really easy to understand and code.

5 stars
By Jonathan Martinez - WordPress and front-end developer

This was a great tutorial on GSAP3 and ScrollTrigger. The content is in depth and you learn how to animate various parts of a webpage with really cool effects that have endless capabilities.

Petr is very easy to learn from so I have found myself enjoying his videos.

He gives very clear instructions on each section of code and challenges you to think ahead and try to anticipate the scripting so you can learn do it yourself.

I highly recommend this course.

5 stars
By Andrew van Ginkel - Frontend Developer

I have done a few of the courses on ihatetomatoes and not once have I been disappointed.

The Bella course will help you gain a lot of useful GSAP knowledge that one would not easily learn by just reading the GSAP documentation.

You will also learn how to use JavaScript to enhance the power of GSAP.

Even though some of the exercises are pretty complex, Petr breaks them down into easy to understand steps.

Highly recommended, one of the best GSAP courses I have done!

5 stars
By Anthony Buzzelli on Bella

Awesome course from Petr.

I enjoy his teaching methods and explanations. I have used GSAP in he past, but only scratched the surface and I am maybe 3/4 done with Bella and learned so much I never imagined possible.

I am completely happy so far and hope to use this new knowledge to further my development skills.

Maybe someday Petr can do a deconstruct video on one of my sites 🙂

5 stars
By Jaroslav Horák

I had the opportunity to go through this course and boy I have learned a LOT.

Petr once again picks a hard looking webpage and turns it into easy to follow step by step tutorials.

We go from a simple CSS animations to a more complicated GreenSock ones and end up with full page transitions. Wow!

5 stars
By Eric Lam

Undertook Petr’s Bella Project and learnt so many cool and helpful features in GSAP and ScrollTrigger, the course is really easy to follow and easy to get started as it allows you to purely focus on the JavaScript side of the website.

Glad to have found this opportunity and cannot wait for more courses like this!

5 stars
By Shobhit Kuruvilla

One of the best learning experiences I’ve ever had. Petr explains everything wonderfully and it’s easy to follow through.

If you want to start learning how to make websites with cool animations, this should be the go-to course.

5 stars
By Min

I’ve been building websites for 17 years and I found this course extremely helpful.

Petr’s project-based approach is very intuitive and easy to follow.

Whether you’re an experienced developer who wants to grab the next Awwwards’ SOTD or a beginner who desires to learn basic GSAP, this is the course for you.

5 stars
By Gideon Caspi

This is a great set of tutorials that gives a taste for some of what GSAP3 is capable of – I will be coming back for more!

Not only will you leave with an extensible plug and play project – there are plenty of nuggets along the way to teach you best practices for code structure, refactoring and functional concepts – lessons that will last beyond this course and affect future work too.

Highly recommended for learning delightful frontend interaction techniques and effects.

5 stars
By Peter Hobbs

I feel that writing a ‘review’ on this course does not give you enough credit.

This is more like a ‘thank you card’ to one of the best instructor in the industry.

Thank you Petr for going out of your way to ensure that we receive the best training possible.

This GreenSock course (together with all your other courses), are truly exceptional. You rock!

5 stars
By Nuno Soares

Direct to the point. Cool projects and I have learned important things to create more complex animations with GSAP and ScrollTrigger.

5 stars
By Ian Webster

Yep, seriously interesting insight into the current gsap.

I am learning a lot and the course is fairly easy to follow so thank you Petr!

5 stars
By Paul Caoile - @PaulC_creates

The Project Slider is an awesome project to utilize and learn Greensock animation (GSAP).

Nothing more important than seeing how GSAP tweens are applied to real projects.

Petr explains each concept well and he goes over them again to summarize each unit.

This is a great introduction to using the GSAP animation utility in javascript.

Each unit is short and concise which helps in absorbing each lesson.

I highly recommend this course.

5 stars
By Stijn Vinke on Bella

Thank you Petr! This is another really good tutorial! I now understand much better how GSAP works in practice. And I like the creativity!

5 stars
By Rocky Nguyen, Wishful Thinking Agency

Great course to learn how to recreate a beautifully animated award-winning landing page.

Get this course to learn GSAP3 and how powerful it can be to animate your next web project.

The course content is easy to follow, directions are clear, and final code samples are provided.

What else do you want?! Just get it now!

5 stars
By Ian Webster

Very good course. Clearly explained and broken down into very manageable sections. Learning a lot.

5 stars
By Anthony Buzzelli on Projects Slider

This is another great course from Petr! Great examples showing the power of GSAP in action.

I highly recommend any material Petr provides for learning GSAP and javascript for creating animations and great flow.

5 stars
By Roland Liechti, Webpresso

I love the Bella course.

As a designer interested in making everything a bit more interactive I do learn a lot.

The steps trough the videos are very well explained. I have a lot of fun. But there’s still a lot to learn 🙂

Many thanks for that course!

5 stars
By Leila Chaouche

This class is amazing. Petr explains his process so well. I can’t wait for the next course!!!


Made by Petr Tichy
Now that you are at the bottom of the page, why not to do some clicking instead of scrolling and reading?