Make websites no one forgets.

Cosmo came from constantly digging through old projects wondering, "How did I build that again?" It is our personal toolbox, packed with components, techniques, tricks and tutorials—and it will keep growing.

The platform we wanted for ourselves, created for you.

Created by two award-winning creative developers, our vault unlocks the techniques, components, code, and tools behind our work—ready for you to build, customize, and make your own.

⌘K

3D Morphing Button Animation

Liquid Loading Transitions

Glassmorphism Card Stack

Particle Text Reveal Effect

Magnetic Hover Interactions

Scrolling Parallax Gallery

Neural Network Visualization

Geometric Shape Morphing

Holographic Menu System

With Cosmo, creative developers can push ideas further—working faster, smarter, and better.

Trusted by:

ERWIN LUIJENDIJK

The Cosmo Vault is a must‑have for freelancers and agencies. It saves a tremendous amount of time, delivers exceptional quality, and enhances creativity in your projects.

Erwin Luijendijk

Cut The Code

If you don't know GSAP, it can be tricky to translate abstract animation concepts to real-world scenarios. Dennis and Ilja have come to the rescue with this treasure-trove of useful techniques. There's something for everyone here, grab-and-go snippets or code as a jumping off point. This gets my official GSAP stamp of approval.

Chris Evans

Developer Education · GSAP

Cosmo Supply is a gem for clever and well‑thought‑out solutions for animations and components. Even I came across a few neat tricks I hadn't seen before. Both beginners and seasoned pros will find it incredibly useful. Stamp of approval and I'll be coming back to it!

Jesper Landberg

Creative Developer

The creative developer's cheat code. Cosmo is a one‑stop shop, offering everything from snippets to advanced interactions that elevate projects to the next level. Easy to implement and adapt into something unique.

Jordan Gilroy

Web Designer

Flawless UI—detailed, easy to implement, and straight‑up reliable. The code is clean, well‑explained, and ready to drop in without a hitch. Built by pros, and I'm using this on most of my projects. Cosmo is the real deal.

Bimo Tri

Webflow Developer

My go‑to resource for the best cloneables and code snippets. It saves time and elevates my workflow. The scaling system is a game‑changer—exactly what I was missing and now my fluid scaling solution for every project.

Dylan Brouwer

Digital Designer & No‑Code Dev

High‑quality resources with intuitive guides, making the process of designing standout websites faster and easier. Helps creatives achieve better results in less time.

Nicola Romei

Digital Designer

Cosmo has completely transformed how I approach web development. The components are production-ready and the documentation is crystal clear. It's like having a senior developer on your team guiding every decision.

Maya Chen

Frontend Engineer · Stripe

The attention to detail in every component is incredible. From micro-interactions to accessibility considerations, Cosmo sets the bar high. It's become an essential part of our design system.

Alex Rodriguez

Lead Designer · Figma

What I love most about Cosmo is how it bridges the gap between design and development. The components feel natural to work with and the code quality is exceptional. It's saved our team countless hours.

Sarah Johnson

Product Designer · Vercel

As someone who works with multiple frameworks, I appreciate how well-structured and adaptable these components are. Cosmo has become my go-to resource for building sophisticated user interfaces quickly.

Marcus Thompson

Full-Stack Developer · GitHub

The toolkit powering award-winning websites.

Ready‑to‑use Components

Let’s be honest—having to rebuild a slider (or any core component) from scratch every time is a pain. That’s why we’ve set up clean, customizable structures built with best practices, so you can skip the tedious setup and get right to the fun part.

Learn by Doing

Shortcuts get things moving, but they don’t build mastery. We give you the knowledge to design with intention—so your work doesn’t just move, it stands out.

Cosmo Basics

Great websites aren’t about flashy effects, they’re built on solid foundations. Master the core techniques every award-worthy project relies on.

Code Snippets

Grab‑and‑go snippets that solve common UI tasks. Drop them in and ship faster.

JavaScript

// Smooth anchor scrolling
document.querySelectorAll('a[href^="#"]').forEach(link => {
  link.onclick = e => {
    const id = link.getAttribute('href');
    const el = document.querySelector(id);
    if (el) {
      e.preventDefault();
      el.scrollIntoView({ behavior: 'smooth', block: 'start' });
      history.pushState(null, '', id);
    }
  };
});

Cosmo Icons

NEW

Clean, scalable icons ready to copy or download in seconds.

More features are coming soon…

A single plan, always improving.

Gain full access to our resource vault and connect in Slack with a community of creatives sharing ideas, feedback, and inspiration. Join today and secure your price for as long as you’re with us—no surprise increases, ever.