[GSAP and Svelte]

On 10/20/2020 at 2:01 PM, Dipscom said:

Heya!

 

Remember I said I was working on a Svelte project that would be needing some GSAP? Here are some of the barebones examples I made using GSAP and Svelte.

 

onMount: https://svelte.dev/repl/94885eb0f90045da934ed5fd9f7fdb2a?version=3.29.0

Transition directive: https://svelte.dev/repl/1f70e16d637945fa8788fafafb481454?version=3.29.0

In/Out directives: https://svelte.dev/repl/000b2f192c204cd799dbb4f6d70a1c21?version=3.29.0

Action directive: https://svelte.dev/repl/eb2f99e9f3324e25af4eaada0389eed6?version=3.29.0

Animation directive: (TO-DO soon).

 

Hope this helps.

This is really helpful, I since am learning javascript, svelte and sapper...  And, I would like to add animation via GSAP to web apps... I thought I would try to contribute something back...
Here is a tweak to the onMount example that seems to eliminate the 'gsap not defined' error.   I also have found that this technique also seems to work in sapper apps.  
https://svelte.dev/repl/05ed848f455848a2a69db90dc0a1d1c1?version=3.29.7