Chakra UI is a component system for building SaaS products with speed ⚡️
- Updated
Nov 22, 2025 - TypeScript
A design system is a way to have modular and reusable CSS components as well as a separation of concerns of designing and using this system, by, for examplr, using design tokens.
Chakra UI is a component system for building SaaS products with speed ⚡️
✍ It has never been so easy to document your things!
Material Design Web Components
🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design. 🧑🏻💻 Design to Code in one click
A design system built by IBM
🌈🕹 Windows 95 style UI component library for React
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.
Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.
Elastic UI Framework 🙌
Shopify's Polaris Design System - React implementation (Deprecated)
🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️
Skeleton is an adaptive design system powered by Tailwind CSS.
A comprehensive React UI components library based on Arco Design
Build consistent, themeable React apps based on constraint-based design principles
Build scalable design systems with React, Vue, Solid, and Svelte.
🦍 A configurable component library for web built on React.
React & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind))
A design system for building modern websites and applications.
A set of React UI components that supports Pinterest’s design language
An implementation of GitHub's Primer Design System using React