Osh Posted August 12, 2021 Share Posted August 12, 2021 So, this morning I asked google "GSAP phone" to find something interesting and inspiration about how to use gsap in phone webb app. But I can't find any. So I wonder if anyone has used Vue with GSAP? Will it be a problem to work with? Is there something I need to know before I get stuck? Any advice? Or any tutorials I go through? ------------------------------------------------------------- Edit: @OSUblake Thank you for correcting me!! I wrote the word mobile in swedish , what I meant is PHONE! 😅 Link to comment Share on other sites More sharing options...
GreenSock Posted August 12, 2021 Share Posted August 12, 2021 51 minutes ago, Osh said: So I wonder if anyone has used Vue with GSAP? Will it be a problem to work with? I'm not a Vue user, but they work great together. In fact, some of the Vue animation docs use GSAP! I think you'll love the combo. If anyone else has tutorial recommendations, please do post here. 👍 Enjoy! 1 Link to comment Share on other sites More sharing options...
OSUblake Posted August 12, 2021 Share Posted August 12, 2021 Hi Osh, What do you mean by mobile? Like a mobile web page or an app that you install? As far as Vue goes, I think it's really easy to get to work with GSAP. If you want to play around, here's a starter template that uses Nuxt, which is a Vue framework. https://codesandbox.io/s/gsap-nuxt-starter-r5lkg?file=/pages/index.vue Nuxt is nice because it will automatically create a progressive web app for you that can be installed. 5 Link to comment Share on other sites More sharing options...
Osh Posted August 13, 2021 Author Share Posted August 13, 2021 19 hours ago, OSUblake said: Hi Osh, What do you mean by mobile? Like a mobile web page or an app that you install? As far as Vue goes, I think it's really easy to get to work with GSAP. If you want to play around, here's a starter template that uses Nuxt, which is a Vue framework. https://codesandbox.io/s/gsap-nuxt-starter-r5lkg?file=/pages/index.vue Nuxt is nice because it will automatically create a progressive web app for you that can be installed. Hi @OSUblake ! Thank you for correcting me! I mean PHONE not mobile, haha 😅, I accidently wrote the word in Swedish. Thank you so much @OSUblake, I have never heard Nuxt, I will check that up! I have assignment to hand in Webb App in Vue so I thought to use in GSAP as well I want to impress my teacher hehe ... SO I hope other people can share some tutorials!! Gosh so cool in codesandbox!! 😮 Awesome! 1 Link to comment Share on other sites More sharing options...
OSUblake Posted August 13, 2021 Share Posted August 13, 2021 This seems like a good starter tutorial, although it's using GSAP's older syntax... https://blog.usejournal.com/vue-js-gsap-animations-26fc6b1c3c5a The Migration Guide shows how to convert the older syntax to the new one. 27 minutes ago, Osh said: I have assignment to hand in Webb App in Vue so I thought to use in GSAP as well I want to impress my teacher hehe Love the idea. 💯 Just let us know if you need any help. 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now