Unique JS effects made with care.

Unique JS effects
 ready to use

A growing collection of 123+ GSAP effects, each with AI prompts, Webflow components, source code and tutorials.

Explore collection Explore collection
/ 123

Drag the gallery

#100

Better websites, without the extra work

Add standout interactions to your websites, without the time-consuming setup. Everything you need to create more expressive and memorable web experiences.

Explore collection Explore collection
1,8K+

Trusted by 1,800+ developers & teams worldwide


123+ effects.

New one every week.

123+ effects

New one

every week.

Jump right in! Our Effects are designed for all skill levels, so you can get started right away.

From Webflow to AI prompts to source code, everything you need to add any Effect in no time.

Our Effects are built with efficiency in mind: combining performance with creativity.

Scroll animations, mouse-based interactions, drag movements, infinite... we’ve got it covered.

Made to fit your workflow

Ready-to-use in Webflow

Copy-to-Webflow buttons allows you to paste any Effect directly into your Webflow page.

Quick look

Prompts for Cursor, Copilot & More

Each prompt automatically adapts to your tech stack, framework and existing styles.

Quick look

Step-by-step tutorial

Follow detailed tutorials to understand each Effect and adapt the code to your needs.

Downloadable source code

Get the complete source code, ready to use and customize in your own projects.

Mobile & touch friendly

Responsive interactions designed for every screen, with touch support for all devices.

Smart Effects that adapt automatically

Save time with effects that dynamically adapt as your content changes.

Easy setup: no Canvas or WebGL

Built with JavaScript and GSAP, without heavy technologies.

One Plan.
Everything included.

Save 20% with an annual plan.

25€

Per month, billed quarterly

Secure payment via
Cancel renewal anytime.
Taxes & VAT calculated at checkout.

Full access to

  • 123 effects and counting
  • Weekly new effect
  • Customer support
  • Desktop App

For each effect

  • Webflow-ready component
  • AI prompt
  • HTML/JS download
  • Detailed tutorial
Join 1,800+ developers & teams

You may have some questions.

Read our FAQ Read our FAQ

Approved by the community

Monolith Logo Locomotive Logo Make Reign Logo Resn Logo Anthropic Logo BBC Logo Webflow Logo Koto Logo LG2 Logo Principal Logo Pam Logo Monks Logo Zajno Logo Studio Freight Logo Alright Logo Off Brand Logo Suno Logo Hello Monday Logo

Made With GSAP is a total gem. The effects are gorgeous, the tutorials are clear, and the code is beautifully structured. It gets a big thumbs-up from the GSAP team.

Cassie Evans
Developer Education GSAP

The MWG resources are so well crafted and unique that they often become the centrepiece of every site they’re used on. The code is thoughtfully explained and made easy to implement with the click of a button.

Jordan Gilroy
Designer & Webflow Developer

MWG shows me what’s possible on the web. Their memorable moments break the user’s frame with truly buttery-smooth experiences. It pushes me to raise the bar in my code - every new effect makes that easier.

Joshua Windatt
CEO & Founder Yolkk

A beautiful resource for crafting stunning, well-made animations. It pushes your creative limits with the power of GSAP. You’ll be building and understanding high-end animations in minutes.

Lucas Bigot
Creative Developer Locomotive

As a creative developer, I’ve used GSAP a lot, and MWG taught me new ways to approach things and improve my animations. I wish a tool like this had existed when I was starting out.

Henri Heymans
Creative Developer Propagande

Made With Gsap's repository has been an enormous ally in crafting memorable experiences. It's a tool that was missing from our creative community, and I'm glad we now have it.

Victor Work
Creative Developer

Using MWG is a plug-and-play experience. No bloated code, no overengineering, just efficient code. I can say it’s the best ressource for creative developers!

Reksa Andhika
Creative Developer

So many neat tricks on how to use GSAP. Performance tips, explanations, accessibility, mobile adjustments. You can also pick different parts of Effects and combine them. Really opened my eyes on how to use GSAP.

Eduard Bodak
Webflow Developer

Behind the project

Made With Gsap is crafted by Michaël Garcia , creative developer, and Florent Roux-Durraffourt , designer — two friends with 28 Awwwards SOTD combined, including the eCommerce Site of the Year (2023) and a Developer Site of the Year Nomination (2025).


Explore award-winning websites and standout projects using Made With Gsap

Explore showcase Explore showcase

Get started with free effects

Get a taste of what’s possible with Made With Gsap, completely free

Try it now Try it now

No credit card or account required.
Free for everyone.

On screen 005