Top TypeScript Design systems repositories on GitHub

Chakra UI is a component system for building SaaS products with speed ⚡️

• chakra-ui
• react
• uikit
• react-components
• accessible
• a11y

✍ It has never been so easy to document your things!

• docs
• documentation
• js
• react
• zero-configuration
• ui

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, (+ more) and traditional web applications from a single, framework-agnostic codebase.

• typescript
• stencil
• stenciljs
• ionic
• ssr
• ssg

🚀A modern, comprehensive, flexible design system and React UI library, AI-friendly built-in.🎨Provide 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design.🧑🏻‍💻 Design to Code in one click

• react
• ui-libary
• design-system
• dark-mode
• design2code
• code2design

Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.

• accessibility
• design-system
• react
• react-components
• wai-aria
• base-ui

A design system built by IBM

• scss
• design-system
• react
• javascript
• hacktoberfest

🌈🕹 Windows 95 style UI component library for React

• component-library
• react
• reactjs
• windows95
• styled-components
• ui

Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.

• ux
• ui
• angular
• css
• typescript
• component-library

Elastic UI Framework 🙌

• eui
• react
• design-system
• elasticsearch
• kibana
• css-in-js

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

• shopify-polaris
• react
• typescript
• design-system
• component-library
• design-systems

🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️

• css
• styled-system
• typescript
• utility-classes
• design-system
• framework-agnostic

Skeleton is an adaptive design system powered by Tailwind CSS.

• components
• svelte
• nextjs
• react
• astro
• components-library

A comprehensive React UI components library based on Arco Design

• react
• design-system
• ui
• customize
• arco-design
• ui-library

Build consistent, themeable React apps based on constraint-based design principles

• style
• theme
• design-system
• design
• design-tokens
• ui

Unstyled, accessible UI components for your design System. Works in React, Vue, Solid, and Svelte.

• headless
• react
• vue
• solid
• components
• design-system

React & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind))

• react
• ui
• styled-components
• accessibility
• customizable-components
• ui-components

🦍 A configurable component library for web built on React.

• component
• ui
• fusion
• next
• design-system
• fusion-design

A design system for building modern websites and applications.

• react-components
• react
• geist
• design-system
• geist-ui
• design-systems

A set of React UI components that supports Pinterest’s design language

• javascript
• react
• design-system

An implementation of GitHub's Primer Design System using React

• primer
• react
• component-library
• design-system

A React components library with Win95 UI

• react
• storybook
• windows95
• design-system
• hacktoberfest
• vanilla-extract

Create living prototypes with code components.

• design
• design-system
• react
• components

📱Beautiful, fast and modern React Native UI library

• library
• nativewind
• react-native
• android
• design-system
• expo

A Vue.js 3 UI Library based on Arco Design

• vuejs
• vue
• component-library
• arco-design
• vue3
• components

Svelte implementation of the Carbon Design System

• carbon-design-system
• svelte
• design-system
• carbon
• svelte-components
• component-library