Typescript + Design Systems Open Source Projects

An enterprise-class UI design language and React UI library

Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

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

A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

render React components to Sketch ⚛️💎

The adaptive interface system for modern web experiences.

A React Component library implementing the Base design language

Visual Development for React, Vue, Svelte, Qwik, and more

Radix Themes is an open-source component library optimized for fast development, easy maintenance, and accessibility. Maintained by @workos.

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

Shopify's Polaris Design System - React implementation (Deprecated)

The Accessible Foundation for React Apps and Design Systems

Design with JSX, powered by your own component library.

A design system for building modern websites and applications.

Convert any website to editable Figma designs

Keep React is an open-source component library built on Tailwind CSS and React.js. It provides a versatile set of pre-designed UI components to build modern web applications.

The documented collection of UI components 🤓

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

daisyUI components built with React 🌼

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.

Priceline.com Design System

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.

Helios Design System

The open design tools SDK. Try our new experimental wireframing tool! 👇

Use W3C Design Token Format Module tokens in CI and code

A CLI toolbox for creating design systems.

CSS-in-JS microlibrary for making design systems approachable with React

A library of accessible component primitives, actions and utilities for Svelte.

Design system library by pixiv

Moon Design System for React

Design tokens for Polaris, Shopify’s design system

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

Wanda design system monorepo

Intergalactic Design System is a constantly developing design system and library of React components.

Atomium is an internal design system for 'Juntos Somos Mais' using Web Components

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:

Tiny (596B) utility for composing class variants using clsx

阿里云前端组件库，由专有云&公有云前端团队共建