GSAP in IDE doesn't load | What's a good fix for this?

[Travis_Bateman]

I’m having trouble with
I’m trying to load GSAP and use in IDE - I’ve used the downloadable package as well but still run into issues with loading GSAP. Either i get an error or it doesnt show up in my console when previewing the site.

Working in
Wix Studio IDE.

What I’m trying to do
I’m trying to add GSAP animations in a clean coding environment. GSAP works fine through the settings → custom code section but the window is terribly small and it shows up looking like plain text.

What I’ve tried so far
I’ve tried to delaying the load etc. but still run into issues.

[thomasj]

GSAP animation in STUDIO

You can install any package via NPM in Wix Studio. However some packages, such as this one, might not work if they require DOM access. The way to do use this on Wix would be to put all of your code inside a custom element including the CDN link for GSAP. You can read more about custom elements here: Wix Editor: Adding a Custom Element to Your Site | Help Center | Wix.com

I recommend checking out this thread to see how members in our community have integrated GSAP with Wix Studio

[Travis_Bateman]

I see. I just noticed https://www.pixlspace.io/ seems to use GSAP quite often so was curious how they may have achieved this. He specializes in Wix Studio.

I have achieved some animations using GSAP in the settings → custom code section however the tiny text box with zero formatting makes it extremely difficult to work off of. Is there any plan to make that section more code-friendly?