Sabz Posted December 23, 2023 Share Posted December 23, 2023 How can I create this same animation with gsap and next js? See the Pen gOeqqEb by pedroo_andre (@pedroo_andre) on CodePen Link to comment Share on other sites More sharing options...
mvaneijgen Posted December 23, 2023 Share Posted December 23, 2023 What have you tried already? We love to what you can come up with, that way we can see your thought process and thus better help you understand the tools! If you're new to GSAP check out this awesome getting started guide https://gsap.com/resources/get-started/ Check out our Stackblitz starter templates for React or Next (please read this article if you're using a React based framework!) Link to comment Share on other sites More sharing options...
Sabz Posted December 23, 2023 Author Share Posted December 23, 2023 Hi @mvaneijgen, I gave it a shot, and on my localhost, the text splits and forms a circle using the map function. But on CodePen, it's not working well. I think my approach might be off, and the animation isn't working correctly. Can you help me out? See the Pen MWxWxNg by sabbirzzaman (@sabbirzzaman) on CodePen Link to comment Share on other sites More sharing options...
Rodrigo Posted December 23, 2023 Share Posted December 23, 2023 Hi, Maybe the resources in this thread can help: Happy Tweening! Link to comment Share on other sites More sharing options...
Solution Sabz Posted January 6 Author Solution Share Posted January 6 Here is the solution See the Pen dyrMvYx by sabbirzzaman (@sabbirzzaman) on CodePen 1 Link to comment Share on other sites More sharing options...
Rodrigo Posted January 8 Share Posted January 8 Great job! looks really nice and smooth! Thanks for sharing the solution with the community, I'm sure this will come very useful for a lot of users! 💚 Happy Tweening! 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