👑 More about GSAP – Beautiful Code #36

Continuing the celebration of GSAP now being completely free, today I’ve put together a selection of websites that use GSAP effects and plugins—so you can see the library in action.

Author

Marc Taulé
May 15th, 2025

Hey! It’s Marc 👋

How are you?

If you're new here, let me quickly explain what Beautiful Code is all about. 👇

What can I expect from Beautiful Code?
Every week, you'll receive:
😍 3 awesome websites for inspiration
🔨 3 tools and resources that can help grow your products
🤖 3 code snippets ready to be used in your projects
😂 1 meme to add a bit of humor to our world

Continuing the celebration of GSAP now being completely free, today I’ve put together a selection of websites that use GSAP effects and plugins—so you can see the library in action.

In the Code section, you’ll also find 3 code examples that use plugins which were previously paid: SplitText, Physics2D, and DrawSVG. Let me know what you think of them!

I know it might sound like I own GSAP stock or work on the team—but no! 😅 I just truly believe it’s an essential plugin if you work in the digital world, especially if you’re a frontend developer who wants to wow their clients. 😉

Hope you have a great rest of the week!

Before we continue I want to remind you that you can support Beautiful Code buying me a coffee ☕️ I love good coffee! 😍

😍 Websites

1. Inkwell

2. Aurel’s Grand Theater

3. Composite materials

🔨 Tools & Resources

1. Warp

​Warp is a modern terminal built in Rust that enhances developer productivity with features like an IDE-style input editor, AI-powered command suggestions, and team collaboration tools. It supports natural language inputs, command blocks, and workflows, making terminal usage faster and more intuitive. Available for macOS, Linux, and Windows.

2. 9ui

​9ui is a free, open-source UI component library built with Base UI and Tailwind CSS. It offers a collection of customizable components that can be easily copied and pasted into your projects. Designed for simplicity and flexibility, 9ui is ideal for developers looking to build consistent design systems or prototypes efficiently. The library includes examples like AI chat interfaces, mail clients, and calendars, making it suitable for modern web applications.

3. WebTUI

​​WebTUI is a modular CSS library that brings the aesthetics of terminal user interfaces to the web. It offers a collection of components like buttons, checkboxes, inputs, and popovers, all styled to emulate the look and feel of terminal applications. WebTUI supports theming with options such as Catppuccin, Gruvbox, and Nord, and is compatible with frameworks like Next.js, Vite, and Astro. Designed for developers seeking a terminal-inspired design system for the browser, WebTUI provides comprehensive documentation and examples to facilitate integration into web projects

🤖 Code and snippets

Here you will find code snippets from CodePen that you can use in your projects and adapt to your needs.

1. Masked Text Reveal (SplitText)

Author: Osmo

2. Falling Text with Gravity (Physics2D)

Author: Osmo

3. Draw Random Underline (DrawSVG)

Author: Osmo

😂 Humor

I am your father! 👴 

.

I hope you enjoy it, and if you like it and want to support me, you can:

  • You can support me by buying me a coffee ☕️

  • Forward it to a friend and invite them to subscribe

  • Share it on your social networks

Or if you just want to say hello, reply to this email or write me on Twitter/X and let's talk!

That's all for today. I hope you enjoyed the content, and see you next week! 👋

Cheers!
Marc