GSAP 3 is the most significant upgrade we have ever had. With 50+ new features, there's a lot to be excited about. Here's an overview of what's new.
What to do first
-
Read about all the exciting improvements:
- "Top 5 Features of GSAP 3"
- "GSAP 3 Release Notes" - All the juicy details (warning: it's long)
- View the GSAP 3 Documentation
- Look at some demos for inspiration
-
Start animating!
- GSAP 3 Starter Pen - Play around with GSAP 3 in CodePen! This pen allows you to copy the resource URLs easily.
- You can point your CodePens GSAP 3 core: https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/gsap-latest-beta.min.js
- Or download the files to use locally.
-
Using a build tool?
npm install gsap
will get you the files. If you're a Club GreenSock user, there's a gsap-bonus.tgz tarball file in the local download above that you can simply drop into your project's folder and thennpm install ./gsap-bonus.tgz
and BOOM, it'll be installed just like any other package! See the installation docs for more information.
-
Tell us what you think.
- Post in the our forums about what you like and any questions that you have.
- Contact us directly if a public forum isn't your style.
Here's what we'd like from you
- Put GSAP 3 to the test! Experiment. Tinker. Throw everything you can at it and tell us if you run into any bugs. We've done extensive testing but some bugs are sneaky!
- Provide feedback. What do you love most? Got any ideas for making it even better? Please share.
- Make demos. We're excited to see all of the incredible things that people make with enhanced GSAP powers. If you make something cool, let us know!
Demos
Here are some of our favorite demos the people have made during the GSAP 3 beta. Check out the full collection on CodePen.
- GSAP 3 Logo Playground by Jack Doyle
- Stack Loader by Chris Gannon
- Race Car Island by Steve Gardner
- Squiggle Text Animation by Cassie Evans
- GSAP 3 Cube Swimmer by Pete Barr
- Low Poly Experiment by Chris Gannon
- Alien Abduction by Cassie Evans
- Cube Walk 3 by Pete Barr
A special shout-out to @dsenneff who created the animation at the top of this page!
Resources
- GSAP 3 Starter Pen - Play around with GSAP 3 in CodePen!
- CodePen-only links to the bonus plugins
- The GSAP 3 docs
Questions? Bugs?
Please use our forums to ask questions or make comments about GSAP 3 or contact us directly.
Are you interested in having a GSAP employee teach your team how to use the new version or speak at your next conference? Contact us and we'll do our best to make it happen!
We can't wait to hear what you think of GSAP 3. Happy tweening!
Edited by ZachSaucier
Recommended Comments
There are no comments to display.
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