Curated Collection of GSAP Examples for Inspiration, with Code?

[GreenSock]

1 minute ago, iDad5 said:

Thank you, I will consider that. I feel a bit like a fraud right now though, as I haven't been around for quite some time and didn't want to make anyone feel bad, you are all doing a great job, and as much I like to contribute, and much I love GSAP since it's AS2 days, your knowledge is so much deeper and I would hate to take away the opportunity of getting the better answer. 

Exactly the opposite of what we want

 

The community overall benefits far more when it's not just a couple of people answering every single question - we want a rich diversity of minds coming at things from different angles, even if that means some of the answers are a little rough around the edges or need tweaking. That's okay! 

 

We celebrate when other people wade into the waters and risk answering a question or two (or more) - we recognize how much of a risk that feels like initially. But keep doing it and you'll find a new level of confidence after a while. We're cheering you on. I hope others jump in too. ? 

[smallio]

On 5/19/2022 at 11:43 PM, PointC said:

Just to throw my two cents out there - some CodePen accounts to bookmark and/or follow.

 

Talented coders that feature a ton of GSAP:

Cassie Evans: https://codepen.io/cassie-codes
Blake Bowen: https://codepen.io/osublake
Carl Schooff: https://codepen.io/snorkltv

Pete Barr: https://codepen.io/petebarr

Steve Gardner: https://codepen.io/ste-vg

Ryan Mulligan: https://codepen.io/hexagoncircle

Tom Miller: https://codepen.io/creativeocean

Chris Gannon: https://codepen.io/chrisgannon

Darin Senneff: https://codepen.io/dsenneff

Craig Roblewsky: https://codepen.io/PointC/ (this guy is awesome ?)

 

It may not be exactly what you need, but there should some good inspiration in those accounts.

 

Happy tweening.

 

 

great list dude

[mrshadowstreet]

hey mate!
try this playlist

https://www.youtube.com/watch?v=FqWonfHJV9o&list=PLMx8Q-fDx3-HylBQfitDcoOMQTFbEjTae

was very helphul for me

you can find the code below video

[SpaceMoney-01011000]

I would like to add an example I made. 

It's not the most original idea, but I'm actually elated I made this, and kind of proud of the results.

See the Pen VwxWwRj by scottonanski (@scottonanski) on CodePen

[Reela]

On 5/20/2022 at 12:44 AM, Cassie said:

Oh also maybe?

https://www.awwwards.com/websites/?award=sites_of_the_day&technology=gsap-animation

Can you advise and guide me how to develop this kind of website - https://www.goliath-entertainment.com/

and which plugins require to develop such kind of website.

Thanks.

[GSAP Helper]

@Reela We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting or "how do I recreate this cool effect I saw on another site?" tutorials. Of course anyone else is welcome to post an answer - we just want to manage expectations.  

 

If you're looking for ScrollTrigger effects, I'd recommend looking at the demos at https://codepen.io/collection/DkvGzg and https://codepen.io/collection/AEbkkJ - you may be able to use one of those as a jumping-off point. 

 

You are welcome to post in the "Jobs & Freelance" forum for paid consulting, or contact us directly. 

 

Otherwise, if you've got a GSAP-specific question just post that here along with a minimal demo and we'd be happy to take a look. 

[joannamya]

"Wow, a curated collection of GSAP examples sounds like an incredible resource for anyone looking to get inspired and level up their animation skills! Having access to code alongside these examples is a game-changer, making it so much easier to learn and implement creative animations. Thank you for putting this together—it’s going to be a go-to for many developers, both beginners and pros alike!"