@madewithgsap.bsky.social
A collection of 50 JavaScript effects made with GSAP. Learn how to use the coolest library. https://madewithgsap.com
🔗 elliott.mangham.dev
06.11.2025 14:23 — 👍 0 🔁 0 💬 0 📌 0WOW Elliott Mangham just released his portfolio and it's a true showcase of what’s possible with MWG. He brilliantly tweaked our Effects 008, 022, and 026. Congrats for bringing home an FWA with this site! Built with @gsap-greensock.bsky.social 💚
Get access now.
↳ madewithgsap.com
We’re thrilled to see our Effects featured on several Awwwards Sites of the Day! We’ve added a Story Highlight on our IG page if you’d like to explore them. Here’s to many more creative projects ahead! All our Effects are built with @gsap-greensock.bsky.social 💚
Get access now.
↳ madewithgsap.com
A quick reminder for all our members, we’ve got a handy video tutorial showing exactly how to use our effects on Webflow.
We’ve also got you covered with our support and our "Go Further" page. Our effects are built with @gsap-greensock.bsky.social 💚
Get access now.
↳ madewithgsap.com
Effect 025 has become one of the cornerstone pieces of our first collection. Here’s a showcase of how our members have adapted it — with several of their sites earning a SOTD on Awwwards! All built with @gsap-greensock.bsky.social 💚
Get access now.
↳ madewithgsap.com
The new Lando Norris website just dropped — what a masterpiece. Huge shoutout to Off Brand for the insane craftsmanship! We're honored to see our Effect 025 integrated into the project. Built with @gsap-greensock.bsky.social on Webflow 💚
Get access now.
↳ madewithgsap.com
Guess what? You can recreate the fluid inertia hover effect with our Effect 000 — totally free!
20.10.2025 15:47 — 👍 3 🔁 0 💬 0 📌 0Introducing 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
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
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
Circular motion, simplified. With Effect 016, elements spiral smoothly toward the center of your scene. Learn how to create it in our tutorial, or start experimenting right away with our zip package. Built with @gsap-greensock.bsky.social 💚
Get access now.
↳ madewithgsap.com
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
The new Get Hyped site is packed with delightful details! This playful folio comes alive with our Effects 008, 020, 025 & 031. Big kudos to Dylan Brouwer & Kevin Masselink for the stellar dev + design. Powered by @gsap-greensock.bsky.social 💚
Get access now.
↳ madewithgsap.com
Let him cook! Thomas Carré shared two upcoming websites with us where he’s rocking our Effect 026. Always a joy to see someone twist it into their own style. Shoutout to Clément Merouani for the design, powered by @gsap-greensock.bsky.social and built on Webflow 💚
Get access now.
↳ madewithgsap.com
Discover Ethical Life by Nika — an e-commerce experience that won Awwwards SOTD this summer. It showcases our Effect 007 for browsing testimonials and Effect 041 where motion starts from the very first letter you hover. Built with @gsap-greensock.bsky.social 💚
Get access now.
↳ madewithgsap.com
A new awwwards SOTD using MWG!
Meet Truus, a 360° agency championing novelty. Our effect 025 powers their expertise section – 👏 @jordangilroy.com & Dennis Snellenberg!
You can recreate the scroll phrase + image inertia too with our effects 011 & 000 (free!)
↳ madewithgsap.com
No worries, we’ve registered you as well 😌
04.09.2025 15:09 — 👍 1 🔁 0 💬 0 📌 0This summer we hit a huge milestone: 1000 humans are now playing with MWG and we couldn’t be more grateful for your trust. Chapter 2 is on its way and we can’t wait to share it with you all.
To celebrate we’re giving 1 free access:
↳ www.instagram.com/madewithgsap
1000 thank you 💚
Spot the effect from our batch on Sarah Fatmi’s folio? That’s right — Effect 033! Learn how to smoothly reveal and hide images horizontally as they move toward the viewport edge. Built with @gsap-greensock.bsky.social 💚
Get access now.
↳ madewithgsap.com
Attracting attention isn’t only for images and videos — text matters too. Here are some of our kinetic text effects that bring words to life. Built with @gsap-greensock.bsky.social 💚
Get access now.
↳ madewithgsap.com
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
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
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
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
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
Effect 026 stands out as one of our essentials. We love to see how our members tweak it for their own needs. Here are some examples of how you've made it yours! Build with @gsap-greensock.bsky.social 💚
Get access now.
↳ madewithgsap.com
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
Spice up your site with circular motion! Perfect for a playful and a pop aesthetic. Dive into our effects that use this kind of animation and see how to bring them to life using @gsap-greensock.bsky.social 💚
Get access now.
↳ madewithgsap.com
Gradient masks can be incredibly powerful for dynamically hiding or revealing content. Combined with the power of @gsap-greensock.bsky.social, they enable super smooth transitions. Effect 037 presents a slider combining this effect with parallax motion!
Get access now.
↳ madewithgsap.com
