🔬 How the Atomic Design methodology can create a great design system from scratch and make better developers.

📒 A curated list of bookmarks, resources and articles about design systems focused on developers.

Firefox’s Photon Design System.

A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and tr…

AtlasKit is the technical implementation of the Atlassian Design Guidelines. It is a collection of reusable components that can be downloaded independently into your projects. Each component is als…

Mirror of official Atlaskit repository hosted on BitBucket

𝙃𝙪𝙜𝙚 collection of Tailwind MIT licensed (free) components, sections and templates 😎

A React Component library implementing the Base design language

The adaptive interface system for modern web experiences.

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.

Design system that was used by @modulz. It’s now archived and superceded by Radix Themes. (See https://github.com/radix-ui/themes)

A crisp set of 15×15 icons designed by the @workos team.

A gorgeous, accessible color system.

Shopify’s design system to help us work together to build a great experience for all of our merchants.

Salesforce Lightning Design System

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

Parse CSS and add vendor prefixes to rules by Can I Use

Transforming styles with JS plugins

A mighty CSS linter that helps you avoid errors and enforce conventions.

💣 Lint CSS for browser support against caniuse database.

Keep a watchful eye on your css colors.

A Prettier plugin for Tailwind CSS that automatically sorts classes based on our recommended class order.

A CSS framework based on Human Guidelines from apple

A collection of familiar, friendly, and modern emoji from Microsoft

Collection of essential Vue Composition Utilities for Vue 2 and 3

A set of free MIT-licensed high-quality SVG icons for UI development.

A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.

🤖 Headless UI for Virtualizing Large Element Lists in JS/TS, React, Solid, Vue and Svelte

Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.