GSAP Animation Library plugin

Wishlist
4

Hey @corneromme ,

I could not agree more with you about GSAP, but until we get native integration here is how you can implement the GSAP library through custom code:

  1. Add an embed element at the end of your page, I set the name to “JS” just for clarity
    image

  2. Open the embed and add CDN for the GSAP library.

    image
    image714×68 2.65 KB 

   <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/gsap.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.5/ScrollTrigger.min.js"></script>

  1. Click on Files and add a new file, I will call it “GSAP”
    image

  2. Now to run this code you will have to set the trigger: Right Click on the file > Events > onPageReady
    image

  3. Open the file and this is where you will put all of your GSAP code, if you are not familiar with GSAP I suggest you want a few videos on youtube and I’m sure you will get along. Enjoy!

    image
    image1100×766 28.6 KB

2 Likes