GSAP

GSAP For questions related to GreenSock Animation Platform (GSAP).

For future reference. The GSAP forums are full of real people who would have been happy to help you solve this.

Next time you have an animation challenge, pop by and ask us 💚

gsap.com/community/fo...

From following our journey to creating with our tools —
Mohit Tiwari has come full circle! He just launched his first project, Quick Copies, designed by Stas Kolesnik and featuring our Effects 006 & 011. All built with @gsap-greensock.bsky.social 💚

Get access now.
↳ madewithgsap.com

Mana is an energizing infusion with a website that’s just as lively. Packed with playful animations and Effect 007 — designed by Louis Paquet, developed by @michaelgrc.bsky.social and Pam, and powered by @gsap-greensock.bsky.social 💚

It won E-commerce of the Year on Awwwards!

↳ madewithgsap.com

Introducing More Nutrition — a lovely one-page scroll experience that brings this Matcha protein to life. Eduard Bodak customized our Effect 018 so images appear, float center stage, then vanish. Built with @gsap-greensock.bsky.social on Webflow 💚

Get access now.
↳ madewithgsap.com

Can't wait to see it!

I absolutely could not have built this site without @gsap-greensock.bsky.social (including its incredible documentation) which remains absolutely mind blowing to me in terms of what it can do (i.e: everything)

It’s that time of the month again! Here are your top 3 favorite MWG effects. Did you know we also offer a free one for our visitors? All are built with @gsap-greensock.bsky.social 💚

Get access now.
↳ madewithgsap.com

💚 Site of the Day - Greater Studio

⚙️ SplitText Webflow
site → greaterstudio.com
showcase → gsap.com/showcase

For everyone joining us on this journey, here’s what the platform looks like once you’re logged in. You’ll have access to a demo, a detailed tutorial, and a .zip file for each effect. Ready to learn @gsap-greensock.bsky.social ?

Get access now.
↳ madewithgsap.com

🏆 Site of the Week - Mike van der Sanden

We're absolute suckers for a polished, playful portfolio. Trust us - take the time to look through Mike's projects, they're guaranteed to make you smile.

⚙️ ScrollTrigger SplitText
🛠️ Three.js P5js
site → mikevandersanden.com
showcase → gsap.com/showcase

Overlapping often makes sticky content a challenge. That’s exactly why we created Effect 031 — to solve it seamlessly. Have you spotted the random rotation as it fades out? Built with @gsap-greensock.bsky.social 💚

Get access now.
↳ madewithgsap.com

Homerun by Bagage Studio
🛠️ @astro.build, @storyblok.com, @netlify.com, @gsap-greensock.bsky.social, lenis, @splinetool.bsky.social
🔗 okaydev.co/u/Bagage/por...

Whimsical SVG hover animation with GSAP ...

✨Fun and whimsical hover effect using SVG paths and GSAP on @codepen.io: codepen.io/jdillon/full...
@gsap-greensock.bsky.social #SVG #GSAP #JS #UI

💚 Site of the Day - Ledger Brand Book

The Ledger Brand Book takes you on an immersive journey through Ledger City, offering a deep dive into the world of the Ledger brand.

⚙️ ScrollTrigger Observer SplitText
🛠️ Webflow Howler.js
site → brand.ledger.com
showcase → gsap.com/showcase

💚 Site of the Day - Resolute AI

⚙️ ScrollTrigger SplitText Webflow
site → theresolute.ai
showcase → gsap.com/showcase

💚 Site of the Day - Terminal Industries

credit: REJOUICE® & PROPAGANDE

⚙️ ScrollTrigger, MorphSVG, DrawSVG, SplitText, Nuxt3, Storyblok

site → terminal-industries.com
showcase → gsap.com/showcase

A few months back, RXK Studio took home the Awwwards Site of the Day! It showcased animations created with two of our collection’s effects — 015 and 019. Design by Gilles Tossoukpe, dev by @michaelgrc.bsky.social and powered by @gsap-greensock.bsky.social 💚

Get access now.
↳ madewithgsap.com

💚 Site of the Day - Dorian Lods

"This site is my personal portfolio, reflecting on my work for the past 5 years as the head of creative development at Dogstudio/DEPT"

credit - Dorian Lods

⚙️ CustomEase Three.js Vue.js WebGL OGL
site → dorianlods.com
showcase → gsap.com/showcase

💚 Site of the Day - Modus®

credit: Fantik Studio®

⚙️ ScrollTrigger Three.js WebGL Vanilla JS
site → modusdao.com
showcase → gsap.com/showcase

💚 Site of the Day - Alphane Labs

⚙️ ScrollTrigger DrawSVG SplitText Three.js WebGL
site → solutions.alphanelabs.com
showcase → gsap.com/showcase

A warm welcome to all our new followers! Curious about our product? Here’s a (super quick) showcase of all our effects. Feel free to sign up for our newsletter to stay in the loop. All our effects are built with @gsap-greensock.bsky.social 💚

Get access now.
↳ madewithgsap.com

📬 The GSAP Spotlight is on it's way to your inbox. Featuring our Site of the Month - Aether 1 by OFF+BRAND

Sign up - gsap.com/newsletter.html
Read it online r.sib.greensock.com/3g6fxmm64xxpfe.html

Absolutely LOVE this

🏆 Site of the Week - No More Hippocrites

Our pick for the week - wonderfully executed and educational.

credit: Ruud Luijten
Barend Eijkenduijn
Ivan Blotta

⚙️ Flip SplitText
site → nomorehippocrites.com
showcase → gsap.com/showcase

💚 Site of the Day - Caeli Energie

As always - beautiful smooth storytelling work from @beaucoup-studio.bsky.social

⚙️ ScrollTrigger
site → caeli-energie.com
showcase → gsap.com/showcase

Images rise, fade, and align with an elegance only
@gsap-greensock.bsky.social could choreograph.📸
The grid adapts, the story remains yours.
Click into Amnesia and feel time slow down
↳https://themeforest.net/item/munio-creative-portfolio-theme/24712861?s_rank=30
#html #photographers #javascript

Here's the keycap color changer we're building in my upcoming Prismic course.

I kept the animation simpler for this one, but I think it's still pretty fun to play with.

Made with Three.js and @gsap-greensock.bsky.social. 3d model by the wonderful @leifs.website

Lovely use of our collection in Jason Zubiate's personal folio! Effects 026, 027 and 029 blend smoothly to enhance this gorgeous website. Thank you so much for the trust Jason! Built with @gsap-greensock.bsky.social 💚

Get access now.
↳ madewithgsap.com

I am practicing my eye for easing by remaking @lovishotherdays.bsky.social jitter effect with css and @gsap-greensock.bsky.social

#creativedev #design #animation #motiondesign

💚 Site of the Day - Clay Boan (25)

So smooth, we love the font animation at the end of the page - the attention to detail - ooft.

⚙️ ScrollTrigger DrawSVG SplitText Three.js WebGL
site → clayboan.com
showcase → gsap.com/showcase