Awesome UI component library

Curated list of framework component libraries for UI styles/toolkit/design systems

Design System - A comprehensive guide to design systems

This list doesn't include individual component libraries like button, select, forms, etc

Related List - Awesome UX Design Styleguides

Contents

<!-- toc -->

• React
  • Special use case libraries
  • Tools
  • Related community list
• VueJS
  • Special use case libraries
  • Related community list
• React Native
  • Special use case libraries
  • Related community list
• Angular
  • Special use case libraries
  • Related community list
• EmberJS
  • Special use case libraries
  • Related community list
• Mithril
  • Related community list
• Web Components
  • Related community list
• Some Community conversations
• Styleguides
• Contribution
• License

<!-- tocstop -->

---

React

• AgnosticUI - Accessible React Component Primitives (that also work with Svelte, Vue 3, and Angular).
• Amaze UI - React components based on AmazeUI
• Amaze UI Touch - React.js-based mobile web component library
• ARWES - Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for Web Apps
• Ant Design React - An enterprise-class UI design language and React-based implementation. Ant-design Pro is available here
• Atlaskit - Atlasssian’s official React UI kit is the technical implementation of the Atlassian Design Guidelines (ADG)
• Backpack - Backpack Design System used to build skyscanner products
• Backpack UI - Component library to build the Lonely Planet UI experience.
• Base UI - A React Component library implementing the Base UI design
• Belle - A set of React components optimized for mobile & desktop with highly customizable styles which can be configured on the base level as well individually for each one of them.
• Bloom - Bloom acts as a central repository for reuseable React components and common styles for AppearHere. It is bootstrapped with create-react-app.
• Blue - React components for Help Scout's Design System
• Blueprint - A React-based UI toolkit for building complex, data-dense web interfaces for desktop applications.
• Buffer - Buffer's shared collection of React UI components
• Buttercup UI - React UI Components used in Buttercup products
• Carbon - React components according to IBM’s Carbon design system
• Canvas - HubSpot Canvas is the design system that HubSpot uses to build products.
• cf-design - Cloudflare UI Framework
• chakra-ui - Modular & Accessible UI Components for your React Applications
• Cosmos - Component library for Auth0 Design System
• design-blocks - Over 170 responsive design blocks ready to be used in your web or mobile apps. All blocks are based on the Bootstrap Library
• Elastic - The Elastic UI Framework is a collection of React UI components for quickly building user interfaces at Elastic
• Element - Initially build for VueJs, Library provides a rich selection of customizable components along with a full style-guide
• Elemental UI - A UI Toolkit for React.js Websites and Apps
• Evergreen - Evergreen is a React UI Framework from Segment for products on the web.
• Fabric - A set of React components for building experiences for Office and Office 365 by Microsoft, written in Typescript.
• Falcon UI - falcon-ui is a library of composable, themable, design-system-driven UI components for React.
• Feather - is a library of React components for creating web interfaces at Alfa-Bank
• Feelix - collection of front-end interface elements that can be reused across the MYOB browser-based products.
• FYNDIQ-UI - Library of reusable web frontend components for Fyndiq
• Garden - Garden React components based on garden css
• Gestalt - A set of React UI components that supports Pinterest’s design language.
• GovUK React - An implementation of the GOV.UK Design System in React using CSSinJS using Object notation (with styled-components).
• Grommet - React-based framework that provides accessibility, modularity, responsiveness, and theming.
• Gumdrops - GumGum's React Reusable Component Library
• Hack Club's design system - Component inspired by Priceline's design system
• Hana UI - A react UIKit with nijigen style.
• Ice - Design kit by Alibaba
• Instructure UI - A UI Component Library made by Instructure, Inc
• KhanAcademy React - Khan’s academy’s React UI components released to the community
• Klarna UI - Klarna's UI components library for React
• Lightning Design System - This library is the React implementation of the Salesforce Lightning Design System
• Magic UI - Create stunning and engaging landing pages with free, open-source animated components that are easy to customize.
• Material UI - Components that implement Google's Material Design. Example usage can be seen here.
• MDBootstrap - Material Design UI KIT based on Bootstrap 4
• MongoDB UI Design - The MongoDB Design System contains the UI building blocks that make up the user experience across all MongoDB products.
• Mineral UI - A design system and React component library for the web that lets you quickly build high-quality, accessible apps. Created by CA Technologies
• Nice! React - Nice! React provides UI elements from the Nice! UI library in the form of React components
• OneUI - Textkernel OneUI library of reusable UI components
• [Onsen UI