Installing GSAP

GreenSockLearning
GreenSockLearning
5,802
0
Published 2024-04-12
Whether you're a seasoned GSAP developer crafting intricate experiences or just exploring animation for the first time, we all embark on the same initial quest: installation.

This Installation guide (hopefully) covers everything you need to know to get your project started. Whether you're using the core library or the Club Plugins, Script tags or npm, Webflow or React, there's a chapter here for everyone... And if there isn't, head over to the GSAP forums and we'll give you a hand.

GSAP install helper - gsap.com/docs/v3/Installation
GSAP overview - gsap.com/docs/v3/

Webflow guide - gsap.com/resources/Webflow
Wordpress guide - gsap.com/resources/Wordpress
Netlify guide - gsap.com/resources/Netlify
Vercel guide - gsap.com/resources/Vercel

GSAP & React guide - gsap.com/resources/React/
useGSAP walkthrough video -    • EASY React Animation with useGSAP()  

GSAP trial - gsap.com/resources/trial
Codepen starter - codepen.io/GreenSock/pen/OPqpRJ
Stackblitz demos - stackblitz.com/@GSAP-dev/collections
gsap-trial on npm - www.npmjs.com/package/gsap-trial


----------------------------------------------------

00:00 - Intro
00:52 - Overview
01:53 - The zip download
03:41 - Script tags
06:21 - Using a CDN
09:45 - npm/yarn
12:32 - npm/yarn : Club Plugins
13:43 - npm/yarn : private registry
15:25 - npm/yarn : .tgz file
16:12 - Webflow
20:21 - Netlify & Vercel (environment variables)
21:47 - Wordpress
22:52 - React
23:51 - Use the Club plugins for free!
All Comments (11)
  • @mvaneijgen
    The GSAP videos are great! Have been using GSAP for years, but always learning new things!
  • @matanon8454
    Would love to have a vue / nuxt plugin 💚
  • @sayeghjoe
    You’re awesome Cassie! ❤️ I’ve been trying out Astro lately. Do you know how I can add GSAP to that please?
  • @justicechinedu2828
    Nice Video.. I hope you'd find time to make more tutorials for the library's usage.
  • @64-bit63
    hello, i just wanted to say if you install the video with NPM then the src folder is NOT PRESENT, you have to make it yourself. sadly the video doesnt match the reality :(
  • @SaidalKakar
    I have one question this might a little novice. Why do we need use animations from libraries like GSAP rather pre built animations in webflow, wordpress and other CMS.