Jump to content

Thales Ribeiro

Rotate on Mouse

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

On 12/23/2020 at 8:46 PM, ZachSaucier said:

That "stretchiness" is a bit of a different effect usually created by having a bunch of different objects that each follow the mouse at different speeds and sizes. Blake has created some similar examples:








Or this by Cassie:




In looking for those demos I also found this one by Blake that's more similar to the effect that the OP asked about:


Can i Get TypeScript version of this Code with React


Link to comment
Share on other sites

Hi @rehan509 and welcome to the GreenSock forums!


Please be more specific about what you're looking for. I don't know exactly which example you want to see ported in React.


Also I strongly recommend you to try to get started on your own setting up a React TS app. You can use Vite to easily scaffold it:

# npm 6.x
npm create vite@latest my-react-app --template react-ts

# npm 7+, extra double-dash is needed:
npm create vite@latest my-react-app -- --template react-ts

Also you can follow this link to create one in Stackblitz:


Once we can see what you're trying to do, we'll be able to guide you and help you with GSAP related questions.


Let us know if you have more questions.

Happy Tweening!

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.