- tailwindcss - pnpm add -D tailwindcss, postcss, autoprefixer
- gsap - pnpm add gsap
- @gsap/react - pnpm add @gsap/react
This is a workshop to learn the basics of GSAP (GreenSock Animation Platform). GSAP is a JavaScript library that allows you to create high-performance animations that work in every major browser. It is a powerful tool that can be used to create complex animations with a simple and easy-to-use API.
Before you start this workshop, you should have a basic understanding of HTML, CSS, and JavaScript. You should also have a code editor installed on your computer, such as Visual Studio Code or Sublime Text.
In this workshop, you will learn the following:
- How to include GSAP in your project
- How to create simple animations with GSAP
- How to create complex animations with GSAP
- How to use GSAP plugins
- How to use GSAP with other libraries and frameworks
- How to optimize your animations for performance
- How to debug and troubleshoot GSAP animations