GSAP

GSAP is an industry standard JavaScript animation library from GreenSock. Craft high-performance animations that work in every major browser.

[GSAP @greensock]

We make the tools. You make the magic. 💚

Here's our favourite GSAP-powered animations and interactions from 2024, or as we're calling it - the year of the pixel transition. 👾

Honoured to serve such an inspiring community.

[Cassie Evans @cassiecodes]

I'm so bored of the "watch me scroll someone else's site for clicks" brigade.

No, Claude didn't do that. You didn't do that. @NoomoAgency did and this is really getting old.

Bring back shame, why aren't people ashamed anymore?

[GSAP @greensock]

🏆 Site of the Week -Ten Years Away

Ten Years Away is an interactive comic that chronicles ten years of
Studio375. Real characters. Real stories.

Credit: Studio375 (https://t.co/G5lzJ31Z07) & @_aboutdaniel

⚙️ Observer SplitText Draggable
🛠️ Three.js WebGL React

site → https://t.co/JqyQucyLl8
showcase → https://t.co/V1TZUeSMqn

[GSAP @greensock]

💚 Site of the Day - Project Aperture

Project Aperture started as a way to explore and experiment with design, color, and motion, using WebGL/WebGPU, TSL (Three.js Shading Language), Lenis, and GSAP. I love taking photos when I travel. This project showcases some of my favorite shots from my recent trips. Building this site felt like a good excuse to experiment with web technologies I enjoy using.

Design & Development: Isaak De Coninck (https://t.co/itbswHr0UE)

⚙️ ScrollTrigger SplitText
🛠️ @threejs WebGL @vuejs

site → https://t.co/MGSFeyxTFB
showcase → https://t.co/V1TZUeSMqn

[GSAP @greensock]

@Olka_uzhyk @Oluwaphilemon1 @NoomoAgency Well, you already addressed this, thanks for sharing the truth about AI and vibe code with one prompt 👏👏
https://t.co/4Ac2QaRieb

[Olha Uzhykova @Olka_uzhyk]

I saw more than 10 people claiming they made this website with an AI prompt.

But honestly, can you create a website with a 3D flying phoenix just by prompting? Yes, you can. Open this link and see what you can achieve with AI alone. https://t.co/iqOHNz0Pc3

#claude #aiwebsite

[awwwards. @awwwards]

Today’s #SOTD goes to @louis_bcqt for "Pacôme Portent Portfolio".

https://t.co/JCFdLtXS2E

A motion and sound designer based in Paris.

Congratulations! 🏆

#3D #GSAP #portfolio

[Pratap Chauhan @StrawHatViking]

I just shipped my new developer portfolio.

I didn't want a standard template. I wanted a site that screams "Systems Engineer"—bridging the gap between hardcore backend architecture and premium frontend aesthetics.

Here is exactly how I built it from scratch 👇
LINK : https://t.co/2q1h8ykC0S

[GSAP @greensock]

@Yorubariley Better late than never!! 😄
You can check our docs and forums for valuable resources:
https://t.co/RR3yEc1L8A
https://t.co/j97VQYqGBM
Finally we have a Discord server as well:
https://t.co/FUv7u304WC

Happy Tweening! 💚💚

[Made With Gsap @madewithgsap]

New effect freshly added today, Effect 103: a carousel with items following a wavy path. Click an item to bring it front and center, or drag to browse! No WebGL, fully mobile-friendly and built with @greensock 💚

Made With Gsap 2 is out! Get access now.
↳ https://t.co/ws5KcdA828

[Codrops @codrops]

No two paths alike.

In our latest Studio Spotlight, we meet San Rita, a Montréal-based creative studio crafting digital experiences shaped by exploration, adaptability, and thoughtful execution: https://t.co/lCVpsu9Pyu

[GSAP @greensock]

@halodhimas Here! 👇👇
https://t.co/G5CX3hM3vp

[GSAP @greensock]

💚 Site of the Day - Volt

Really nice scroll animations and motion in this one. Lovely transitions between sections in the home page, makes for a great landing page will lots of tiny details like the mouse follower. To finish with great route transitions and interactions across all pages.

Credit: Amin Salehi (https://t.co/v9akWDAbs3)
Eugene Cilliers (https://t.co/VXv3ApokCo)

⚙️ ScrollTrigger Observer Flip SplitText
🛠️ @threejs WebGL

site → https://t.co/Ppp9tDARTy
showcase → https://t.co/V1TZUeSMqn

[GSAP @greensock]

@francescoflow @codrops @webflow Thanks for writing this up @francescoflow 💚

[Miguel Ángel @Miguel07Code]

for sure! one of the simplest tricks to make coolest gsap animations is reading the GSAP plugins docs, you can make crazy keyframes with the DrawSVG, MorphSVG, MotionPath etc and I'm just bringing them into the Design panel to make it easy for users to modify the gsap elements

https://t.co/jAN3QA49p5

[Rumit | Webflow Developer @rumitvaghasiya]

Just made this Modern AI SaaS landing page free to clone.

A modern AI SaaS-style website built with @greensock animations and the Client-first framework.

Features smooth interactions, responsive layouts, and a scalable structure that's easy to customize for your own projects.

Clone it here: https://t.co/1BKzgsbBeU

#webflow #figmatowebflow #gsap #freecloneable

[GSAP @greensock]

💚 Site of the Day - CoParadiso

CoParadiso is a coworking space in Melbourne, Australia. It's where I work! I designed and built this site as a bit of a love letter to the space and the community. GSAP and all the little animations I built help add some spice, which aligns with the nature of the office.

Credit: Allan Pooley (design and dev) (https://t.co/U9vlEVilxr)

⚙️ ScrollTrigger Draggable
🛠️ Scroll Animation React

site → https://t.co/yCXOHpXDfv
showcase → https://t.co/V1TZUeSMqn

[GSAP @greensock]

@Oluwaphilemon1 Once again, credit where credit is due! This site was created and developed by @joyco_studio (https://t.co/Kwajg3Z1Cd), more details here:
https://t.co/y4FRcOrSxc

[GSAP @greensock]

@Oluwaphilemon1 Once again, credit where credit is due! This site was created and developed by @joyco_studio (https://t.co/Kwajg3Z1Cd), more details here:
https://t.co/y4FRcOrSxc

[GSAP @greensock]

💚 Site of the Day - Sazabi

A great journey that uses compelling story telling through great animation, motion and lovely microinterations everywhere. Excellent work by Joyco @joyco_studio

⚙️ ScrollTrigger MorphSVG DrawSVG SplitText
🛠️ @threejs WebGL React

site → https://t.co/R36kUT4s0y
showcase → https://t.co/V1TZUeSMqn

[ClaPat @clapatdesign]

The page most templates forget.

404 animation on hover built with
GSAP vertical translate with stagger.

Small detail. Big impression.
And it actually brings the user back home.

Get Hayler. Intro Price - $12.
→ https://t.co/EuEtFWoOcf

[GSAP @greensock]

💚 Site of the Day - Grand Hotel

Elegance and beauty in every animation, motion and detail. A well crafted experience that guides the user through the hotel using the right animations.

Credit: The First The Last agency (https://t.co/FOkd6Q603Y)

⚙️ ScrollTrigger DrawSVGPlugin SplitText
🛠️ @vuejs @nuxt_js Swiper

site → https://t.co/9XllSpRmwO
showcase → https://t.co/V1TZUeSMqn