Fun Web Design Libraries That I use daily

In this article, I’m sharing the web design libraries I keep coming back to. They help me turn static interfaces into playful, dynamic experiences.

Peek Into My Daily Design Toolkit

Matter.js

Matter.js is a lightweight 2D physics engine for the web. It simulates objects gravity and collisions in real-time. It allows me to create dynamic, interactive interfaces with ease, like the animation on my homepage or the one on my about page. It’s fast to set up, easy to customize, and adapts well to responsive layouts... hard not to love this one.

‍

Mingcute

Does an icon library count? Absolutely! And Mingcute definitely earns its place here. It’s a beautifully consistent and modern icon set with a soft, rounded (or sharp) aesthetic that just works across so many designs. I love it. They’ve also recently launched a UI kit, it might be worth checking out if you’re into clean, minimal components.

Lottie

Lottie lets you render vector animations on the web, it replaces heavy GIFs and videos for lightweight, scalable motion design. I use it primarily for micro-interactions like icon animations, but it can also handle more complex sequences. It’s a no-brainer for sure, but if you're looking to create more sophisticated or highly interactive animations, then Rive should cover all your needs.

‍

GSAP

When it comes to animating anything else, the gold standard is GSAP. It’s one of the most widely used JavaScript animation library out there. It uses a timeline-based workflow that allows you to orchestrate multiple animations in a clean, readable way. (If you are using Webflow then you’re already using this library though Webflow’s visual interface!)

Spline

Not technically a library, but it earns a spot here because it’s just too good to ignore. Spline is a browser-based 3D design tool that lets you create, animate, and export interactive scenes really easily. It’s perfect for adding lightweight, real-time 3D elements to a site, the only downside being that you quickly need to pay to get a full experience. The “library” alternative would be Three.js, that I have not had the time to try yet.

I keep these in my radar

I also have some libraries that i’m really eager to use, here is a quick selection.

Zdog

Zdog is a simple 3D modeling and rendering engine for the web, with a smooth, rounded aesthetic. It looks perfect for adding a bunch of personality to an interface, I will for sure try it the first occasion I get.

Barba.js

Barba.js is a library that helps create smooth page transitions on websites, as if the content of the next page was already loaded, it makes the website feel instantly more polished. This means we can have seamless, app-like navigation without sacrificing on semantic structure.