Chakra UI is a component system for building products with speed ⚡️
-
Updated
May 6, 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 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.
Elastic UI Framework 🙌
Shopify’s design system to help us work together to build a great experience for all of our merchants.
🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️
Skeleton is an adaptive design system powered by Tailwind CSS.
Build consistent, themeable React apps based on constraint-based design principles
A comprehensive React UI components library based on Arco Design
🦍 A configurable component library for web built on React.
A design system for building modern websites and applications.
A set of React UI components that supports Pinterest’s design language
Build your design system with React, Svelte, Vue, and Solid. Powered by State Machines
React & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind))
Create living prototypes with code components.
A React components library with Win95 UI