Design + Design Systems Open Source Projects

An enterprise-class UI design language and React UI library

The best design tools and plugins for everything 👉

💅🏻 ⚒ A collection of awesome design systems

System design interview for IT companies

render React components to Sketch ⚛️💎

Functional css for humans

The adaptive interface system for modern web experiences.

A React Component library implementing the Base design language

The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.

Visual builder for React. Build apps, websites, and content. Integrate with your codebase.

Design with JSX, powered by your own component library.

Salesforce Lightning Design System

Argon - Design System for Bootstrap 4 by Creative Tim

A tool to help you build and document website component libraries and design systems.

This is the official DTCG repository for the design tokens site and specification.

Theo is a an abstraction for transforming and formatting Design Tokens

A list of resources on all things to do with Design Tokens

The Design Token Framework — Adopt a unified design language across platforms, codebases, and teams

:guitar: A sitemap template for ux design

Salesforce Lightning Design System for React

A collection of awesome React-based design systems

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

HIUI is a solution that is adequate for the fomulation and implementation of interaction and UI design standard for front, middle and backend.

Figmagic is the missing piece between DevOps and design: Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents.

A list of famous design systems, design languages and guidelines

✨ A curated list of awesome design principles

🛠 Component code and tests for the Australian Government design system

Priceline.com Design System

:heart_eyes: All kinds of resources for Developers :trident: in one place.

Customizable design system from Welcome to the jungle (@wttj) with react, typescript, tailwindcss, ariakit and a lot of love 💛 Here you'll find all the core components you need to create a delightful webapp.

A JavaScript library for programming graphic design systems with SVG

One place for service teams to find styles, components and patterns for designing government services.

Quickly generate Sketch libraries from HTML documents and living style guides, powered by html-sketchapp

:fire: A curated list of useful resources related to User Interface Design

A specification for defining theme objects & design tokens for use with UI components

An open-source checklist to help you plan, build and grow your design system.

Use W3C Design Token Format Module tokens in CI and code

A curated list of design systems. Learning materials and tools for creating your own design system.

A CLI toolbox for creating design systems.

The book!

Rapid prototyping environment using the Salesforce Lightning Design System

:zap: Lightning fast MDX-based dev server for progressive documentation

Gett's Design System code generator. Use Zeplin Styleguides as your R&D's Single Source of Truth.

Curated list of links on component-driven development and design systems

An open-source design system for building scalable, responsive websites and applications.

📝 Curated list for UI/UX Designers

Mechanic is a framework to build assets built on web code.

Design tokens for Polaris, Shopify’s design system

A design system for the modern developer. (development on hiatus)

Wanda design system monorepo

#Cub3D: This project is a 3D game created from scratch written in C using an old graphic library mini-libx, presented with an old technology raycasting to make the 3D feeling looks pretty good

A list of design systems that gov departments are developing

Components, principles, documentation and templates for the City of Helsinki design system.

前端体系规划指南。Architecture of Frontend Development Efficiency

Learn how to build universal, modern and scalable user interfaces

Universal Design Tokens (UDT) is a collection of libraries and utilities for working with DTCG design tokens files.

Culture Amp's Kaizen Design System :seedling:

A demonstration of a setup of Style Dictionary to be used for the generation of design tokens

CION - Design system boilerplate for Vue.js

A collection of Design System examples, resources, tools, articles and videos.