Jump to content
Search Community

Can you use GSAP in Phone? (Webb App)

Osh test
Moderator Tag

Recommended Posts

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

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!

  • Like 1
Link to comment
Share on other sites

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.

 

  • Like 5
Link to comment
Share on other sites

  • Osh changed the title to Can you use GSAP in Phone? (Webb App)
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 :D I want to impress my teacher hehe ... SO I hope other people can share some tutorials!! 

Gosh so cool in codesandbox!! 😮 Awesome!

  • Like 1
Link to comment
Share on other sites

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 :D I want to impress my teacher hehe

 

Love the idea. 💯

 

Just let us know if you need any help.

  • Like 1
Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...