Front-end

CSS for the Component Age. Styling your way with speed, strong typing, and flexibility.

Syntactically Awesome Style Sheets. Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.

The Intuitive Vue Framework. Nuxt is an open source framework that makes web development intuitive and powerful. Create performant and production-grade full-stack web apps and websites with confidence.

Designed to be a reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems.

Remix is a full stack web framework that lets you focus on the user interface and work back through web standards to deliver a fast, slick, and resilient user experience. People are gonna love using your stuff.

Set up design system guide, Resources, Useful Tools

Style once, use everywhere. A build system for creating cross-platform styles. A single place to create and edit your styles, and a single command exports these rules to all the places you need them

A simple, modular and accessible component library that gives you the building blocks you need to build your React applications. Built with Styled System

Marko is a friendly (and fast!) UI library that makes building web apps fun. It's like HTML and JS had a perfect baby that grew up to be awesome

Generate and sync full Figma components from Storybook, Backlight or Histoire. Storybook to Figma. Histoire to Figma.

Document your design systems, together. Create beautiful design system documentation collaboratively with zeroheight

A new way to write stories. Powered by Vite. A story is a scenario where you showcase in your browser one or more components for specific use cases.

Empower your front-end with a collaborative design system platform: code, design, stories, tests, documentation, versioning, npm release and more. Start now!

Make your ideas look awesome, without relying on a designer. Learn how to design beautiful user interfaces by yourself using specific tactics explained from a developer's point-of-view.

Create beautiful, customizable & lightweight toasts with Solid JS. Personalize the content of your toasts with custom JSX, icons, style attributes, color accents and more!

Build faster websites. Pull content from anywhere and serve it fast with Astro's next-gen island architecture. Astro is the web framework that you'll enjoy using.

Spectrum provides interface components, resources, and tools to help teams work more efficiently and to make applications more consistent.

A design system for building faithful recreations of old UIs.

CSS library for building interfaces that resemble Apple's System OS which ran from 1984-1991.

Welcome to the Whitebox Geospatial. The home of the open-source, fast, innovative, and company geospatial software, WhiteboxTools.

OpenLayers makes it easy to put a dynamic map in any web page, for free. It can display map tiles, vector data and markers loaded from any source.

Leaflet is a modern, lightweight open-source JavaScript library for mobile-friendly interactive maps.

Maps for your apps. You need reliable, accurate, high-quality maps for your applications and websites. We have great maps, APIs and services ready for you.

MapLibre is a community-governed collection of open source mapping libraries

Shoelace provides a collection of professionally designed, every day UI components built on a framework-agnostic technology.

The Auro Design System is an eco-system of design, core utilities, and web components designed to reduce design and development efforts.

Hilla is a modern framework for Java that integrates a Spring Boot Java backend with a reactive TypeScript frontend. It includes all the UI components and tools you need so you can focus on building your app.

CSS Code Golfing Game is here! Use your CSS skills to replicate targets with smallest possible code. Feel free to check out the targets below and put your CSS skills to test.

The fastest and easiest way to check, copy and edit CSS. Goodbye to "Inspect Element" — Visualize the CSS of any element you hover over, instantly, and copy its entire rules with a single click.

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.