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
AgnosticUI - Accessible React Component Primitives (that also work with Svelte, Vue 3, and Angular).
Atlaskit - Atlasssian’s official React UI kit is the technical implementation of the Atlassian Design Guidelines (ADG)
Canvas - HubSpot Canvas is the design system that HubSpot uses to build products.
Feelix - collection of front-end interface elements that can be reused across the MYOB browser-based products.
Uniform - Uniform is Hudl’s design system. It exists to unify Hudl’s products through design and code implementation.
[Paid]
Essential JS 2 for React by Syncfusion - Over 60 high-performance, lightweight, modular, and responsive UI components for React.
[Paid]
jQWidgets - React components based on jqwidgets.
[Paid]
KendoReact - 90+ professional UI components built from the ground up for React - responsive, accessible and feature rich.
[Paid]
Mobiscroll - React components for Mobile UI Controls.
[Paid]
Wijmo React - React components for Wizmo Toolkit from grapeCity.
React tsParticles - React component for easily add fully customizable particles animations to websites and web applications
[Paid]
ag-grid - Cross platform components for Grid/Tables
Awesome React - A collection of awesome things regarding React ecosystem.
Awesome React Component - Catalog of React Components & Libraries
AgnosticUI - Accessible Vue 3 Component Primitives (that also work with Svelte, React, and Angular).
Vuecidity - component library inspired by Google Material Design and Bootstrap with set of 30+ UI components, 24-column responsive layout grid system.
[Paid]
Essential JS 2 for Vue by Syncfusion - Over 60 high-performance, lightweight, modular, and responsive UI components for Vue.
Particles.vue - Vue library for easily add fully customizable particles animations to websites and web applications.
[Paid]
Kendo UI for Vue - A suite of UI components focused on business applications, with components like the data grid
[Paid]
jQWidgets - Vue components based on jqwidgets.
Awesome Vue - A curated list of awesome things related to Vue.js
Native Directory - Native Directory is a curated list of React Native libraries to help you build your projects.
Awesome React Native - Awesome React Native components, news, tools, and learning material!
AgnosticUI - Accessible Angular Component Primitives (that also work with Svelte, React, and Vue 3).
[Paid]
Essential JS 2 for Angular by Syncfusion - Over 60 high-performance, lightweight, modular, and responsive UI components for Angular.
NG Particles - Angular component for easily add fully customizable particles animations to websites and web applications
Awesome Angular - A curated list of awesome Angular resources
Awesome Angular Components - Catalog of Angular 2+ Components & Libraries
Awesome Ember - A curated list of awesome Ember.js things.
Awesome Mithril - A curated list of Mithril awesome
Web Components the Right Way - A curated list of awesome Web Components resources.
a11y-contrast — A CLI utility to calculate/verify accessible magic numbers for a color palette.
a11y-dialog - A very lightweight and flexible accessible modal dialog script.
react-a11y-dialog - Port of a11y-dialog to React.
vue-a11y-dialog - Port of a11y-dialog to Vue.
svelte-a11y-dialog - Port of a11y-dialog to Svelte.
a11y-tabs - A lightweight (<1Kb) JavaScript package to facilitate a11y-compliant tabbed interfaces.
a11y-menu — This project aims to create a re-useable and accessible main navigation module.
Scott Ohara's a11y components — Listing of accessible components & patterns.
Deque Cauldron — A fullyaccessibleHTML, CSS, and Javascript front-end framework for creating web and mobile applications.
styleguides.io - Website Style Guide Resources
Design Systems Gallery - A comprehensive and curated list of design systems, style guides and pattern libraries that you can use for inspiration.
Suggestions and PRs are welcome!
Please read the contribution guidelines to get started.
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
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
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
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
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 React - More than 100 components are specially made for Material and Flat design based on original the Onsen UI framework
Orbit Components - Orbit-components is a React component library. Based on Kiwi's design which governs their product style.
Orion - In Loco's component library, based on React Semantic UI.
PatternFly React - A set of React components for the PatternFly project which is built on top of Bootstrap 3.
Pivotal UI - Pivotal UI is a collection of React components that are styled for the Pivotal brand
Plasma - Plasma is a design system for creating sensible, modern interfaces.
Pluralsight Design System - The UI building blocks for creating a cohesive design across Pluralsight products
Polaris React - Polaris React is a component library based on Shopify's Polaris style
Priceline One - The UI building blocks for creating a cohesive design across Pluralsight products.
Prime React - This project which provides a rich and unique selection of over 60 UI components with multiple themes
Quran - Common components used across Quran.com, Quranicaudio.com and Salah.com
RBX - The Comprehensive Bulma UI Framework for React
Reakit - Toolkit for building really interactive UIs and components are WAI-ARIA compliant and all components are in accordance with the Single Element Pattern
Reach UI - The Accessible Foundation for React Apps and Design Systems
Reactackle - React UI library build with styled-components which provides cross-browser support
reactstrap - Stateless React Bootstrap 4 components that favor composition and control. The library does not depend on jQuery or Bootstrap javascript
React95 - A React components library with Win95 UI
React Bootstrap - React-Bootstrap is a complete re-implementation of the Bootstrap 3 components using React.
React Desktop - UI component library which aims to bring a native desktop experience to the web, featuring many macOS Sierra and Windows 10 components.
React Foundation - - React components for Foundation UI Design.
React Ionic - React components for Ionic which allows us to build iOS and Android apps that are indistinguishable from native apps.
React Material Web Components - React Material Web Components, wraps Google's Official Material Design Components. Includes Flow and Typescript types. Individually packaged components.
React Materialize - Material design for react, powered by materialize.css
React MD - React toolkit for building a web app with Google’s Material Design with very highly customizable themes and styling (Sass)
React Responsive UI - Responsive React UI components
React Toolbox - set of React components that implement Google's Material Design specification. It's powered by CSS Modules and harmoniously integrates with your webpack workflow.
React UI - A collection of components for React, based on bootstrap 4.0. This project is no longer maintained.
React UIKit Components - Collection of React components using the UIkit CSS framework.
React UWP - React Components that Implement Microsoft's UWP Design & Fluent Design
React WeUI - WeUI Components build with React inspired by WeChat
Rebass - React UI component library & design system, built with styled-components and styled-system. It’s a great choice for Styled-components fans.
Rendition - A library of UI components, built using React, recompose, styled-components and styled-system.
RingUI - This collection of UI components aims to provide all of the necessary building blocks for web-based products built inside JetBrains
RSuite - RSUITE (React Suite) is a set of react component libraries for enterprise system products.
Salt UI - concise mobile UI component library
Seek Style - Living style guide for SEEK, powered by React, webpack, CSS Modules and Less.
Semantic UI React - Semantic UI React is the official React integration for Semantic UI. It’s used by Netflix, Amazon and other major organizations. Examples can be found here
Smooth UI - Smooth UI is a style system / UI library for React. It works with Styled Components
Snacks - Snacks is a JavaScript and React based component library. It has a default theme matching Instacart's styles.
Spark - Spark Design System is a system of patterns and components used to create the user interface for the Quicken Loans family of Fintech products.
Stardust UI - Stardust is a set of specifications and tools for building UI libraries. It is based on a fork of Semantic UI React (SUIR).
Shineout - A theme-able components library for React which support i18n.
Tenon-UI - Go-to library for React developers who want to build inclusive and accessible sites. Recommended for accessibility (a11y).
UIW - A high quality UI Toolkit, A Component Library for React 16+
UXCore - A React UI Component Suites living for enterprise application by Alibaba, Inc.
YamUI - Reusable component framework for Yammer.com, it is built with React on top of Office UI Fabric components
VTEX Styleguide - The VTEX Design System backed by React component library
Yep-React - React v16-based front-end UI component library for rapid development of mobile pages
Zent - Zent is a React component library developed and used at Youzan with more than 50 components for now.
Zero-UI - Zero-UI is an easy-to-use web UI component framework which includes a set of useful components.
ZHUI - A Chinese style component library powered by React
[Paid]
ExtReact - 115+ pre-built UI components that are fully supported and designed to interact and work together, from Sencha UI
Halogen - A collection of loading spinners with React.js
Nivo - Nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries.
Recharts - Redefined chart library components built with D3
React CSS Loaders - A collection of pure CSS React loading components
React Epic Spinners - Reusable react components for spinners
React Virtualized - React components for virtualizing large data sets for efficiently rendering lists and tabular data
ReactGrid - Add spreadsheet-like behavior to your React app
Styled Icons - Font Awesome, Feather, Material Design, and Octicons icon packs as Styled Components
Bit — End-to-end component sharing and management. It takes care of component development and publishing in your library (automatic dependency resolution, versioning etc), making each of them individually useful to consume and develop anywhere, so teams can manage and share components at scale.
react-sketchapp — render React components to Sketch; tailor-made for design systems
libreact - Collection of useful React components
AT-UI - A fresh and flat UI-Kit specially for desktop application
BalmUI - Next Generation Material UI for Vue.js
Bootstrap Vue - comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup.
Buefy - Lightweight UI components for Vue.js based on Bulma, which are the library’s only two internal dependencies
CarvueJS - Carvue is a UI components library which is based on Carbon-Design and VueJS.
Cion - CION is a design system build primarily for Vue.js applications. You can use it as a starting point for building your own design system.
Cube UI - cube-ui is a UI component library for mobile apps
Element - Library provides a rich selection of customizable components along with a full style-guide based on Vue 2.0
Enterprise UI - Enterprise UI for Vue.js. Based on ONE DESIGN from Baidu, Inc.
Fish-UI - provides a Vue-based web toolkit with neat and clean looking components. The library supports a ES2015 + Webpack workflow
Framevuerk - Responsive, Multi Language, Both Direction Support and Configurable UI Framework based on Vue.js
Framework 7 Vue - Full featured HTML framework for building iOS & Android apps
HEYUI - UI Toolkit for Vue2.0 with cli and utils as part of ecosystem
iView - iView provides dozens of UI components and widgets built with Vue.js and styled with a clean and elegant design
JSmod Vue - The goal of jsmod is to provide a high degree of freedom (high scalability) ui components, and unified desktop and mobile usage
Keen-UI - keen-ui is a collection of Vue components inspired by material design, but is not meant to be a full implementation of the Material Design spec.
Mand Mobile 2 - A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.
Material Components Vue - Material-components-vue integrates the mdc-web (by google) vanilla components
MDBootstrap - Material Design UI KIT based on Bootstrap 4
Mint UI - Mobile UI elements for Vue.js
Muse UI - Muse UI has more than 40 UI components and customizable themes for Google's Material Design
NutUI - A set of Jingdong-style lightweight mobile Vue component library
N3 Components - N3 components library is built with Vue.js, is a powerful library for frontend or full-stack engineers to build web pages quickly
Office UI Fabric Vue - Office UI Fabric implementation for Vue.js, build with office-ui-fabric-js
Onsen UI - More than 100 components are specially made for Material and Flat design based on original the Onsen UI framework
ProtoVue - A prototyping component library build for Vue.js from grid to UI elements
Quasar - Responsive Single Page Apps, Server-side Render Apps, Progressive Web Apps, Hybrid Mobile Apps (that look native!) & Electron Apps with theming support.
Rubik UI - Rubik UI is a Material Design style ui library based Vue.js 2.0+ which can be used for PC and Mobile.
Semantic UI Vue - Semantic UI Vue is the official VueJS integration for Semantic UI.It’s used by Netflix, Amazon and other major organizations.
SemVue - Semantic-ui components easy in your vue project
Space-kit - The home base for Apollo's design system, Space Kit provides essential design resources for developers to use in the Apollo-branded interfaces.
UI - UI components for official Vue organization apps
Uiv - Uiv is a Bootstrap 3 component library for Vue 2. All component combined are ~20KB, and the only external dependencies are Vue and Bootstrap CSS
Vant - Lightweight Mobile UI Components built on Vue
Vuetify - Vue.js components implemented according to Google’s material design guidelines. Vuetify supports all modern browsers across platforms, including IE11 and Safari 9+
Vueblu - UI Component Library Base on Vue.js(2.x) and Bulma
Vuedarkmode - A minimilistic set of components designed for the insomniacs who enjoy dark interfaces as much as we do.
VueFace - Component library for VueJS framework with around 40 components with support of 20+ themes.
Vue Bulma - Translate Bulma css api to vue components
Vue Carbon - Material design style mobile UI library, design resource reference FrameWork7
Vue Material - library implementing Googles material design. The library also provides a webpack boilerplate, SSR template for Nuxt.js and a single HTML file to start with the framework
Vue Native - Vue Native is a framework to build cross platform native mobile apps using JavaScript
Vue MDC Adapter - Integration of Material Components for Vue.js which follows the best practices recommended by Google
Vue MDC - This is the adaptation of Material Components web for Vue.js
Vue YDUI - A mobile components Library with Vue2.js
Vuido - Native desktop applications using Vue.js.
Vuikit - A responsive Vue 2 UI library for web site interfaces based on the UIkit 3 framework.
Vux -Mobile UI Components based on WeUI
v-semantic - Integration of semantic-ui2 with vue.js2.
vue-antd - Here is the Vue implementation of Ant Design, which develops and serves enterprise back-end products.
vue-beauty - UI components build with vue and ant design
vuestrap-base-components - Vuestrap Base Components extend Bootstrap 4. Built with vuestrap, plain Vue.js and Webpack.
VueBoot - Vuejs components and directives written using Bootstrap v4, leveraging the official Bootstrap JS.
Vuesax - Vuesax is a library of Vuejs components that facilitates front-end development and streamlines work with great visual quality.
VueStrap - a set of native Vue.js components based on Bootstrap's markup and CSS. No dependency on jQuery or Bootstrap's JavaScript.
WDUI - Lightweight mobile UI control library to quickly build an app layout based on Vue 2.0
Zircle UI - A frontend library to develop zoomable user interfaces
Epic Spinners - Reusable Vue components for spinners
Ant Design Mobile RN - A Ant design based configurable Mobile UI component library based on React Native
Blankapp - Highly customizable and theming components for React Native
Carbon Native - A set of UI components for building React Native apps.
Nachos UI - Customizable ready to use 30+ components which works with React Native for Web
NativeBase - Essential cross-platform UI components for React Native. One of best in class for React Native Lovers. Recommended!
Panza - Panza is a collection of stateless, functional ui-components for react-native, and heavily inspired by the excellent rebass library.
React Native Android Kit - A set of native Android UI components and modules for React Native framework that are currently not implemented by React Native core team
React Native Common - Cross Platform React Native UI Toolkit & API
React Native Elements - Cross Platform React Native UI Toolkit. Support for customisation and provides an all-in-one UI kit for creating apps in react native
React Native Gifted Chat - Chat UI components for React Native (formerly known as Gifted Messenger)
React Native Material Design - React Native components which implement Material Design. (No longer maintained in favour of Material Paper)
React Native Material Kit - A set of UI components, in the purpose of introducing Material Design to apps built with React Native
React Native Material UI - Highly customizable material design components for React Native. Demo for this toolkit can be seen here
React Native Paper - Component with follows Material design guidelines v2.0, Better RTL Support and full theming options
React Native UI Kitten - Mobile framework with easily customizable elements which is able to create style configurations of components you use the most (buttons, inputs etc.)
React Native UI Lib - UI Toolset & Components Library for React Native
React Native Web - "React Native for Web" makes it possible to run React Native components and APIs on the web using React DOM
React Virgin - UI kit with boiler plate for your React-Native projects
Shoutem UI - styleable components for React Native applications for iOS and Android. All of our components are built to be both composable and customizable.
Teaset - A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control.
React Native Calendars - various customizable react native calendar components.
React Native Chart - Add line, area, pie, and bar charts to your React Native app
React Native Circular Progress - React Native component for creating animated, circular progress with ReactART
React Native Spinkit - A collection of animated loading indicators for React Native
Alfresco - Alfresco Application Development Framework (ADF) is set of Angular components with directives, pipes, and other interfaces. Should be treated as framework.
Alyle UI - Minimal Design, a set of components for Angular.
AT Angular UI - Angular 4.0+ front-end UI component library based on the rapid development of back-end products in PC websites.
Clarity - Clarity is an open source design system by VMware that brings together UX guidelines, an HTML/CSS framework, and Angular components
Covalent - Teradata UI Platform built on Angular Material
Element - Initially build for VueJs, Library provides a rich selection of customizable components along with a full style-guide
Fuel UI - Fuel-UI is a collection of native Angular 2 components, directives, and pipes for Bootstrap 4.
Nebular - UI Toolkit with Components, Auth & Security for your next Angular7 App
NGX Bootstrap - Bootstrap 3/Bootstrap 4 Components with Angular, for both Mobile and Desktop.
NGX ScrollTop - Lightweight, Material Design inspired button for scroll-to-top of the page. No dependencies. Pure Angular!
NGX UI - Component & Style Library for Angular by Swimlane.
NG Bootstrap - replacing angular-ui bootstrap which is no longer maintained, it provides Bootstrap 4 components for Angular with no 3rd party JS dependencies
NG Lightning - Angular components built for the Saleforce Lightning Design System
NG Semantic-UI - Angular UI building blocks based on Semantic-UI
NG-ZORRO - NG-ZORRO components aim to provide an enterprise-class UI based on Ant Design
Material 2 - Angular’s official component library implementing Google’s material design, built with Angular and TypeScript
MDBootstrap - Material Design UI KIT based on Bootstrap 4
Onsen UI - More than 100 components are specially made for Material and Flat design based on original the Onsen UI framework
PatternFly NG - A set of Angular 6+ components for the PatternFly project. It also has support for Angular 4 and 5.
Prime NG - This project which provides a rich and unique selection of over 60 UI components with multiple themes
Primer Components - React components for the Primer Design System
Semantic UI Angular - Semantic UI Angular is the official Angular integration for Semantic UI.It’s used by Netflix, Amazon and other major organizations.
NG2 Charts - Angular directives for 6 different types of charts, with properties based on chart.js.
NG2 Dragula - Official Angular wrapper for dragula for drag and drop
Ember Bootstrap - Ember-cli addon for using Bootstrap as native Ember components
Ember Components - This project aims to be the successor of Bootstrap for Ember project as all components on this suite are not bound to any specific CSS framework.
Ember Material Design - Implementation of Material Design in EmberJS
Ember Material Lite - Material Design Lite for Ember.js Apps
Ember UIkit - This addon is a wrapper for the CSS library UIkit which exposes certain components to give users an easy way for using UIkit in ember apps.
Semantic UI Ember - Semantic UI Ember is the official EmberJS integration for Semantic UI.It’s used by Netflix, Amazon and other major organizations.
SL Ember Components - An Ember CLI Addon that provides a variety of UI components.
UI-bootstrap - An Ember-flavoured Bootstrap 4.x eco-system
AnyChart-Ember - AnyChart Component for Ember CLI provides an easy way to use AnyChart JavaScript Charts with Ember Framework
Construct UI - A UI kit for mithriljs with many common components inspired by blueprint
Polythene - Material Design component library for Mithril
Mithril-Materialized - a materialized-CSS Mithril components library
mithril-ui - UI components for Mithril.js
Aybolit - Lightweight, standards-based, framework agnostic web components library built with LitElement
Elix - High-quality, customizable web components for common user interface patterns
Material Web Components - Material Design implemented as Web Components
Material Web Components (Custom Elements) by DannyMoerkerke - Custom Elements for Material Design
Vaadin components - Evolving set of high-quality web components for building business web applications
Wired Elements - Set of common UI elements with a hand-drawn, sketchy look.
[](https://github.com/anubhavsrivastava/awesome-ui-component-library/graphs/貢獻者)
UI 樣式/工具包/設計系統的框架組件庫的精選列表
設計系統 - 設計系統綜合指南
此列表不包括單個組件庫,如按鈕、選擇、表單等
## 內容
AgnosticUI - 可訪問的 React 組件基元(也適用於 Svelte、Vue 3 和 Angular)。
Ant Design React  - 企業級 UI 設計語言和基於 React 的實現。Ant-design Pro 可用 這裡
Atlaskit - Atlasssian 的官方 React UI 套件是 Atlassian 設計指南 (ADG) 的技術實現
藍色  - Help Scout 設計系統的 React 組件
緩衝區  - Buffer 的 React UI 組件共享集合
Canvas - HubSpot Canvas 是 HubSpot 用於構建產品的設計系統。
chakra-ui  - React 應用程序的模塊化和可訪問的 UI 組件
design-blocks  - 超過 170 個響應式設計塊可用於您的 Web 或移動應用程序。所有塊都基於 Bootstrap 庫
元素  - 最初為 VueJs 構建,Library 提供了豐富的可定制組件選擇以及完整的樣式指南
Fabric  - 一組 React 組件,用於構建 Microsoft 的 Office 和 Office 365 體驗,用 Typescript 編寫.
Falcon UI  - falcon-ui 是一個可組合、主題化、設計系統驅動的 UI 庫React 的組件。
羽毛  - 是一個 React 組件庫,用於在 Alfa-Bank 創建 Web 界面
Feelix - 前端界面元素的集合,可以在 MYOB 基於瀏覽器的產品中重複使用。
FYNDIQ-UI  - Fyndiq 的可重用 Web 前端組件庫
花園  - 基於 Garden css 的 Garden React 組件
GovUK React  - 使用對象表示法的 CSSinJS 在 React 中實現 GOV.UK 設計系統(帶有 styled-組件)。
Hana UI  - 具有 nijigen 風格的反應 UIKit。
Klarna UI  - Klarna 的用於 React 的 UI 組件庫
材質 UI  - 實現 Google 的 Material Design 的組件。示例用法可以在 here 中查看。
MDBootstrap  - 基於 Bootstrap 4 的 Material Design UI KIT
Mineral UI  - 用於 Web 的設計系統和 React 組件庫,可讓您快速構建高質量、可訪問的應用程序。由 CA Technologies 創建
好的!React [](https://github.com/textkernel/nice-react) - 很好!React 提供了來自 Nice! 的 UI 元素!React 組件形式的 UI 庫
Pivotal UI  - Pivotal UI 是為 Pivotal 品牌設計的 React 組件的集合
Pluralsight 設計系統  - 用於創建跨 Pluralsight 產品的內聚設計的 UI 構建塊
Priceline One  - 用於在 Pluralsight 產品中創建具有凝聚力的設計的 UI 構建塊。
古蘭經  - Quran.com、Quranicaudio.com 和 Salah.com 中使用的通用組件
Reach UI  - React 應用程序和設計系統的無障礙基礎
React Bootstrap - React-Bootstrap 是使用 React 對 Bootstrap 3 組件的完整重新實現。
React 桌面  - UI 組件庫,旨在為 Web 帶來原生桌面體驗,包含許多 macOS Sierra 和 Windows 10 組件。
React Material Web Components  - React Material Web Components,封裝了 Google 的官方 Material Design 組件。包括 Flow 和 Typescript 類型。單獨包裝的組件。
React Materialize  - 用於反應的材料設計,由 materialize.css 提供支持
React MD  - React 工具包,用於使用 Google 的 Material Design 構建 Web 應用程序,具有高度可定制的主題和样式 (Sass)
React 工具箱  - 一組實現 Google 的 Material Design 規範的 React 組件。它由 CSS 模塊提供支持,並與您的 webpack 工作流程和諧地集成在一起。
React UI  - 基於 bootstrap 4.0 的 React 組件集合。該項目不再維護。
React UIKit 組件  - 使用 UIkit CSS 框架收集的 React 組件。
React UWP  - 實現微軟 UWP 設計 & Fluent 設計的 React 組件
React WeUI  - 受微信啟發使用 React 構建的 WeUI 組件
Rendition  - 一個 UI 組件庫,使用 React、recompose、styled-components 和 styled-system 構建。
RingUI  - 這個 UI 組件集合旨在為 JetBrains 內部構建的基於 Web 的產品提供所有必要的構建塊
Seek Style  - SEEK 的生活方式指南,由 React、webpack、CSS 模塊和 Less 提供支持.
語義 UI React - Semantic UI React 是 Semantic UI 的官方 React 集成。Netflix、亞馬遜和其他主要組織都在使用它。示例可以在 這裡 找到
Shards  - Shards React 是基於 Shards 的免費、美觀且現代的 React UI 工具包碎片/)
平滑 UI  - Smooth UI 是 React 的樣式系統/UI 庫。它適用於樣式化組件
星塵用戶界面  - Stardust 是一套用於構建 UI 庫的規範和工具。它基於 [Semantic UI React (SUIR)] (https://github.com/Semantic-Org/Semantic-UI-React) 的一個分支。
Shineout  - 支持 i18n 的 React 主題組件庫。
Tenon-UI  - 適合想要構建包容性和可訪問性網站的 React 開發人員的首選庫。推薦用於可訪問性 (a11y)。
Uniform - Uniform 是 Hudl 的設計系統。它的存在是為了通過設計和代碼實現來統一 Hudl 的產品。
Yep-React  - 基於React v16的前端UI組件庫,用於移動頁面的快速開發
Zent  - Zent 是有贊開發和使用的 React 組件庫,目前有 50 多個組件。
Zero-UI  - Zero-UI 是一個易於使用的 Web UI 組件框架,其中包含一組有用的組件。
[付費]
Essential JS 2 for React by Syncfusion - 超過 60 個用於 React 的高性能、輕量級、模塊化和響應式 UI 組件。
[付費]
ExtReact  - 來自 Sencha UI 的 115 多個預構建的 UI 組件,這些組件完全受支持並旨在交互和協同工作
[付費]
jQWidgets - 基於 jqwidgets 的 React 組件。
[付費]
KendoReact - 為 React 從頭開始構建的 90 多個專業 UI 組件 - 響應迅速、可訪問且功能豐富。
[付費]
Mobiscroll - 移動 UI 控件的 React 組件。
[付費]
Wijmo React - 來自葡萄城的 Wizmo 工具包的 React 組件。
React tsParticles - React 組件,可輕鬆將完全可定制的粒子動畫添加到網站和 Web 應用程序
React Virtualized  - 用於虛擬化大型數據集以高效呈現列表和表格數據的 React 組件
樣式圖標  - Font Awesome、Feather、Material Design 和 Octicons 圖標包作為樣式組件
[付費]
ag-grid - 網格/表格的跨平台組件
### 工具
react-sketchapp  — 將 React 組件渲染到 Sketch;為設計系統量身定制
Awesome React - 關於 React 生態系統的一些很棒的東西的集合。
Awesome React 組件 - React 組件和庫目錄
AgnosticUI - 可訪問的 Vue 3 組件基元(也適用於 Svelte、React 和 Angular)。
AT-UI  - 一個清新扁平的 UI-Kit 專門用於桌面應用
BalmUI  - Vue.js 的下一代 Material UI
Bootstrap Vue  - Vue.js 的 Bootstrap 4 組件和網格系統的全面實現,以及廣泛和自動化的 WAI-ARIA 可訪問性標記。
CarvueJS  - Carvue 是一個基於 Carbon-Design 和 VueJS 的 UI 組件庫。
Cion  - CION 是一個主要為 Vue.js 應用程序構建的設計系統。您可以將其用作構建自己的設計系統的起點。
Cube UI  - cube-ui 是一個移動應用的UI組件庫
企業用戶界面  - Vue.js 的企業 UI。基於百度公司的 ONE DESIGN。
Fish-UI  - 提供了一個基於 Vue 的 Web 工具包,帶有整潔的組件。該庫支持 ES2015 + Webpack 工作流程
JSmod Vue  - jsmod的目標是提供高自由度(高擴展性)的ui組件,統一桌面和移動使用
Keen-UI  - 敏銳的 UI 是受材料設計啟發的 Vue 組件的集合,但並不意味著是材料設計的完整實現規格。
Mand Mobile 2  - 基於 Vue.js 2 的移動 UI 工具包,專為金融場景設計。
Material Components Vue  - Material-components-vue 集成了 mdc-web (by google) vanilla 組件
MDBootstrap  - 基於 Bootstrap 4 的 Material Design UI KIT
Muse UI  - Muse UI 有 40 多個 UI 組件和可自定義的主題,用於 Google 的 Material Design
N3 組件  - N3 組件庫是用 Vue.js 構建的,是前端或全棧工程師的強大庫快速建立網頁
Office UI Fabric Vue  - Vue.js 的 Office UI Fabric 實現,使用 office- 構建ui-fabric-js
Rubik UI  - Rubik UI 是一個基於 Vue.js 2.0+ 的 Material Design 風格的 ui 庫,可用於 PC 和移動設備。
語義 UI Vue  - Semantic UI Vue 是 Semantic UI 的官方 VueJS 集成。它被使用由 Netflix、亞馬遜和其他主要組織提供。
Space-kit  - 作為 Apollo 設計系統的基地,Space Kit 為開發人員在 Apollo 品牌界面中使用提供了必要的設計資源。
Vueblu  - 基於 Vue.js(2.x) 和 Bulma 的 UI 組件庫
Vuecidity - 受 Google Material Design 和 Bootstrap 啟發的組件庫,包含 30 多個 UI 組件、24 列響應式佈局網格系統。
VueFace  - VueJS 框架的組件庫,包含大約 40 個組件,支持 20 多個主題。
Vue Bulma  - 將 Bulma css api 翻譯成 vue 組件
Vue Carbon  - Material design style 移動端UI庫,設計資源參考FrameWork7
Vue Native  - Vue Native 是一個使用 JavaScript 構建跨平台原生移動應用程序的框架
Vue MDC 適配器  - 為 Vue.js 集成材料組件,遵循 Google 推薦的最佳實踐
Vue MDC  - 這是對 Vue.js 的 Material Components web 的改編
v-semantic  - semantic-ui2 與 vue.js2 的集成。
vue-antd  - 這裡是 Ant Design 的 Vue 實現,開發和服務於企業後端產品。
vue-beauty  - 使用 vue 和 ant 設計構建的 UI 組件
vuestrap-base-components  - Vuestrap 基礎組件擴展了 Bootstrap 4。使用 vuestrap、純 Vue.js 和網頁包。
VueStrap  - 一組基於 Bootstrap 的標記和 CSS 的原生 Vue.js 組件。不依賴 jQuery 或 Bootstrap 的 JavaScript。
[付費]
Syncfusion 的 Vue 必備 JS 2 - 超過 60 個用於 Vue 的高性能、輕量級、模塊化和響應式 UI 組件。
Particles.vue - Vue 庫,可輕鬆將完全可自定義的粒子動畫添加到網站和 Web 應用程序。
[付費]
Kendo UI for Vue - 一套專注於業務應用程序的 UI 組件,包含數據網格等組件
[付費]
jQWidgets - 基於 jqwidgets 的 Vue 組件。
Awesome Vue - 與 Vue.js 相關的精彩內容的精選列表
Ant Design Mobile RN  - 基於 React Native 的基於 Ant 設計的可配置移動 UI 組件庫
Carbon Native  - 一組用於構建 React Native 應用程序的 UI 組件。
Nachos UI  - 可定制的準備使用 30 多個可與 [React Native for Web] 配合使用的組件(https://github.com/ necolas/react-native-web)
Panza  - Panza 是用於 react-native 的無狀態、功能性 ui 組件的集合,並深受優秀的 rebass 庫的啟發。
React Native Android 工具包  - 一組用於 React Native 框架的原生 Android UI 組件和模塊React Native 核心團隊目前沒有實現
React Native Common  - 跨平台 React Native UI 工具包和 API
React Native Elements  - 跨平台 React Native UI 工具包。支持自定義並提供用於在 React Native 中創建應用程序的多合一 UI 工具包
React Native Gifted Chat  - React Native 的聊天 UI 組件(以前稱為 Gifted Messenger)
React Native Material Kit  - 一套UI組件,目的是介紹Material Design使用 React Native 構建的應用程序
React Native Material UI  - React Native 的高度可定制的材料設計組件。這個工具包的演示可以看到這裡
React Native 論文  - 組件遵循材料設計指南 v2.0,更好的 RTL 支持和完整的主題選項
React Native UI Kitten  - 具有易於定制的元素的移動框架,能夠創建您最常使用的組件的樣式配置(按鈕、輸入等)
React Native UI 庫  - React Native 的 UI 工具集和組件庫
React Native Web  - “React Native for Web”使得在網絡上運行 React Native 組件和 API 成為可能使用 React DOM 的網頁
React Virgin  - 帶有樣板的 UI 套件,用於您的 React-Native 項目
Shoutem UI  - 適用於 iOS 和 Android 的 React Native 應用程序的可樣式化組件。我們所有的組件都是可組合和可定制的。
React Native 圖表  - 將折線圖、面積圖、餅圖和條形圖添加到您的 React Native 應用程序
React Native 循環進度  - 使用 ReactART 創建動畫循環進度的 React Native 組件
Native Directory - Native Directory 是 React Native 庫的精選列表,可幫助您構建項目。
Awesome React Native - 很棒的 React Native 組件、新聞、工具和學習資料!
AgnosticUI - 可訪問的 Angular 組件基元(也適用於 Svelte、React 和 Vue 3)。
Alfresco  - Alfresco 應用程序開發框架 (ADF) 是一組帶有指令、管道和其他接口的 Angular 組件。應視為框架。
AT Angular UI  - 基於PC網站後端產品快速開發的Angular 4.0+前端UI組件庫。
共價  - 基於 Angular Material 構建的 Teradata UI 平台
元素  - 最初為 VueJs 構建,Library 提供了豐富的可定制組件選擇以及完整的樣式指南
Fuel UI  - Fuel-UI 是用於 Bootstrap 4 的原生 Angular 2 組件、指令和管道的集合。
NGX Bootstrap  - 帶有 Angular 的 Bootstrap 3/Bootstrap 4 組件,適用於移動設備和桌面設備。
NGX ScrollTop  - 輕量級、受 Material Design 啟發的按鈕,用於滾動到頁面頂部。沒有依賴關係。純角!
NGX UI  - Swimlane 的 Angular 組件和样式庫。
NG Bootstrap  - 替換 angular-ui bootstrap 這是沒有維護時間更長,它為 Angular 提供了 Bootstrap 4 組件,沒有第 3 方 JS 依賴項
NG Lightning  - 為 Saleforce 閃電設計系統構建的 Angular 組件
NG Semantic-UI  - 基於 Semantic-UI 的 Angular UI 構建塊
NG-ZORRO  - NG-ZORRO 組件旨在提供基於企業級 UI關於螞蟻設計
MDBootstrap  - 基於 Bootstrap 4 的 Material Design UI KIT
Prime NG  - 這個項目提供了超過 60 個具有多個主題的 UI 組件的豐富而獨特的選擇
語義 UI Angular  - Semantic UI Angular 是 Semantic UI 的官方 Angular 集成。它由Netflix、亞馬遜和其他主要組織。
[付費]
Essential JS 2 for Angular by Syncfusion - 超過 60 個用於 Angular 的高性能、輕量級、模塊化和響應式 UI 組件。
NG Particles - Angular 組件,可輕鬆將完全可定制的粒子動畫添加到網站和 Web 應用程序
NG2 圖表  - 6 種不同類型圖表的 Angular 指令,其屬性基於 chart.js。
NG2 Dragula  - Dragula 的官方 Angular 包裝器,用於拖放
Awesome Angular - 很棒的 Angular 資源的精選列表
Awesome Angular Components - Angular 2+ 組件和庫目錄
Ember Bootstrap  - 使用 Bootstrap 作為原生 Ember 組件的 Ember-cli 插件
Ember 組件  - 該項目旨在成為[Bootstrap for Ember](https://github.com/ember-addons/bootstrap- for-ember) 項目,因為此套件中的所有組件都未綁定到任何特定的 CSS 框架。
Ember 材料設計  - 在 EmberJS 中實現 Material Design
Ember Material Lite  - 用於 Ember.js 應用程序的 Material Design Lite
語義 UI Ember  - Semantic UI Ember 是 Semantic UI 的官方 EmberJS 集成。它被使用由 Netflix、亞馬遜和其他主要組織提供。
SL Ember 組件  - 一個提供各種 UI 組件的 Ember CLI 插件。
UI-bootstrap  - 一個 Ember 風格的 Bootstrap 4.x 生態系統
AnyChart-Ember  - Ember CLI 的 AnyChart 組件提供了一種將 AnyChart JavaScript 圖表與 Ember 框架一起使用的簡單方法
Awesome Ember - 很棒的 Ember.js 東西的精選列表。
##秘銀
構造 UI  - mithriljs 的 UI 工具包,其中包含許多受藍圖啟發的常見組件
聚乙烯  - Mithril 的 Material Design 組件庫
Awesome Mithril - Mithril 精選列表
Aybolit  - 使用 LitElement 構建的輕量級、基於標準、與框架無關的 Web 組件庫
正確的 Web 組件方式 - 很棒的 Web 組件資源的精選列表。
a11y-contrast — 一個 CLI 實用程序,用於計算/驗證調色板的可訪問幻數。
a11y-dialog - 一個非常輕量且靈活的可訪問模態對話框腳本。
react-a11y-dialog - a11y-dialog 到 React 的端口。
vue-a11y-dialog - a11y-dialog 到 Vue 的端口。
svelte-a11y-dialog - a11y-dialog 到 Svelte 的端口。
a11y-tabs - 一個輕量級 (<1Kb) JavaScript 包,用於促進兼容 a11y 的選項卡式界面。
a11y-menu - 該項目旨在創建一個可重用且可訪問的主導航模塊。
Scott Ohara 的 a11y 組件 — 可訪問組件和模式的列表。
Deque Cauldron — 一個完全可訪問的 HTML、CSS 和 Javascript 前端框架,用於創建 Web 和移動應用程序。
1.【你用過哪些ui庫?】(https://www.reddit.com/r/reactjs/comments/9fhxj0/what_are_some_of_the_ui_libraries_you_used_for/) 2. 簡單檢查了 21 個 react ui 套件,我完成了! 3.【多少個ui庫就夠了?】(https://dev.to/rhymes/how-many-ui-libraries-is-enough-17om)
styleguides.io - 網站風格指南資源
設計系統圖庫 - 一個全面的設計系統、樣式指南和模式庫列表,您可以從中獲取靈感。
## 貢獻
歡迎提出建議和 PR!
請閱讀 貢獻指南 以開始使用。
## 執照
ARWES [](https ://github.com/arwesjs/arwes) - 用於 Web 應用程序的未來科幻和賽博朋克圖形用戶界面框架
背包 - 用於構建 Skyscanner 產品的背包設計系統
基礎 UI - 一個實現基本 UI 設計的 React 組件庫
Belle [] (https://github.com/nikgraf/belle/) - 一組針對移動和桌面優化的 React 組件,具有高度可定制的樣式,可以在基礎級別上配置,也可以為每個組件單獨配置。
Bloom - Bloom 充當可重用 React 組件和 AppearHere 常用樣式的中央存儲庫。它由 create-react-app 引導。
藍圖 [](https ://github.com/palantir/blueprint) - 一個基於 React 的 UI 工具包,用於為桌面應用程序構建複雜的、數據密集的 Web 界面。
Buttercup UI - 在 Buttercup 產品中使用的 React UI 組件
Cosmos - Auth0 設計系統的組件庫
彈性 - Elastic UI 框架是 React UI 組件的集合,用於在 Elastic 快速構建用戶界面
元素 UI - React.js 網站和應用程序的 UI 工具包
Evergreen [] (https://github.com/segmentio/evergreen) - Evergreen 是來自 Segment 的 React UI 框架,用於網絡上的產品。
格式塔 - 一組支持 Pinterest 設計語言的 React UI 組件。
Grommet [] (https://github.com/grommet/grommet) - 基於 React 的框架,提供可訪問性、模塊化、響應性和主題。
Gumdrops [] (https://github.com/gumgum/gumdrops) - GumGum 的 React 可重用組件庫
Ice - 阿里巴巴設計套件
Instructure UI - 由 Instructure, Inc 製作的 UI 組件庫
MongoDB UI 設計 - MongoDB 設計系統包含構成所有 MongoDB 產品的用戶體驗的 UI 構建塊。
OneUI - 可重用 UI 組件的 Textkernel OneUI 庫
Onsen UI React - 100多個組件是基於原始Onsen UI框架專門為Material和Flat設計製作的
軌道組件 - Orbit-components 是一個 React 組件庫。基於 Kiwi 的設計,這決定了他們的產品風格。
Orion - 在 Loco 的組件庫中,基於 React Semantic UI。
Patternfly React - PatternFly 項目 的一組 React 組件,基於引導程序 3 的頂部。
Plasma [](https ://github.com/wework/plasma) - Plasma 是一個設計系統,用於創建合理的現代界面。
Prime React - 這個項目提供了超過 60 個具有多個主題的 UI 組件的豐富而獨特的選擇
RBX - React 的綜合 Bulma UI 框架
Reakit [](https ://github.com/reakit/reakit) - 用於構建真正交互式 UI 和組件的工具包符合 WAI-ARIA,並且所有組件都符合單元素模式
Reactackle [] (https://github.com/bcrumbs/reactackle) - 使用 styled-components 構建的 React UI 庫,提供跨瀏覽器支持
reactstrap [] (https://github.com/reactstrap/reactstrap) - 支持組合和控制的無狀態 React Bootstrap 4 組件。該庫不依賴於 jQuery 或 Bootstrap javascript
React95 - 帶有 Win95 UI 的 React 組件庫
React 基金會 - - Foundation UI 設計的 React 組件。
React Ionic - 用於 Ionic 的 React 組件,它允許我們構建與原生應用程序無法區分的 iOS 和 Android 應用程序。
Rebass [](https ://github.com/rebassjs/rebass) - React UI 組件庫和設計系統,使用 styled-components 和 styled-system 構建。對於 Styled-components 粉絲來說,這是一個不錯的選擇。
RSuite [](https ://github.com/rsuite/rsuite) - RSUITE (React Suite) 是一組用於企業系統產品的 React 組件庫。
小吃 - Snacks 是一個基於 JavaScript 和 React 的組件庫。它有一個與 Instacart 風格相匹配的默認主題。
Spark - Spark 設計系統是一個模式和組件系統,用於為 Quicken Loans 金融科技產品系列創建用戶界面。
UIW - 一個高質量的 UI 工具包,一個 React 16+ 的組件庫
UXCore [](https ://github.com/uxcore/uxcore) - 阿里巴巴公司為企業應用而生的 React UI 組件套件。
YamUI - Yammer.com 的可重用組件框架,它是在 Office UI Fabric 組件之上使用 React 構建的
VTEX 風格指南 - React 組件庫支持的 VTEX 設計系統
鹵素 - 使用 React.js 加載微調器的集合
Nivo [](https ://github.com/plouc/nivo) - Nivo 提供了一組豐富的 dataviz 組件,構建在很棒的 d3 和 Reactjs 庫之上。
Recharts [](https: //github.com/recharts/recharts) - 重新定義了用 D3 構建的圖表庫組件
ReactGrid [](https ://github.com/silevis/reactgrid) - 向您的 React 應用程序添加類似電子表格的行為
Bit [] (teambit/bitp) — 端到端組件共享和管理。它負責在您的庫中開發和發布組件(自動依賴解析、版本控制等),使它們每個都可以在任何地方單獨使用和開發,因此團隊可以大規模管理和共享組件。
libreact - 有用的 React 組件的集合
Buefy [] (https://github.com/buefy/buefy) - 基於 Bulma 的 Vue.js 輕量級 UI 組件,這是該庫僅有的兩個內部依賴項
元素 [] (https://github.com/ElemeFE/element) - 庫提供豐富的可定制組件選擇以及基於 Vue 2.0 的完整樣式指南
Framevuerk [](https ://github.com/framevuerk/framevuerk) - 基於 Vue.js 的響應式、多語言、雙向支持和可配置的 UI 框架
Framework 7 Vue - 用於構建 iOS 和 Android 應用程序的全功能 HTML 框架
HEYUI - Vue2.0 的 UI 工具包,將 cli 和 utils 作為生態系統的一部分
iView [](https ://github.com/iview/iview) - iView 提供了數十個使用 Vue.js 構建的 UI 組件和小部件,並採用簡潔優雅的設計
NutUI [] (https://github.com/jdf2e/nutui) - 一套京東風格的輕量級移動Vue組件庫
溫泉用戶界面 - 100多個組件是基於原始Onsen UI框架專門為Material和Flat設計製作的
ProtoVue - 為 Vue.js 從網格到 UI 元素構建的原型組件庫
Quasar [] (https://github.com/quasarframework/quasar) - 響應式單頁應用程序、服務器端渲染應用程序、漸進式 Web 應用程序、混合移動應用程序(看起來很原生!)和具有主題支持的電子應用程序。
SemVue - 在您的 vue 項目中輕鬆使用語義 UI 組件
UI - 官方 Vue 組織應用程序的 UI 組件
Uiv [] (https://github.com/wxsms/uiv) - Uiv 是 Vue 2 的 Bootstrap 3 組件庫。所有組件組合約為 20KB,唯一的外部依賴項是 Vue 和 Bootstrap CSS
Vant - 基於 Vue 構建的輕量級移動 UI 組件
Vuetify [](https ://github.com/vuetifyjs/vuetify) - 根據 Google 的材料設計指南實現的 Vue.js 組件。Vuetify 支持跨平台的所有現代瀏覽器,包括 IE11 和 Safari 9+
Vuedarkmode [] (https://github.com/LeCoupa/vuedarkmode) - 一組極簡主義的組件,專為像我們一樣喜歡黑暗界面的失眠症患者而設計。
Vue Material - 實現谷歌材料設計的庫。該庫還提供了一個 webpack 樣板、Nuxt.js 的 SSR 模板和一個 HTML 文件以從框架開始
Vuido [] (https://github.com/mimecorg/vuido) - 使用 Vue.js 的本機桌面應用程序。
Vuikit [] (https://github.com/vuikit/vuikit) - 一個響應式 Vue 2 UI 庫,用於基於 UIkit 3 框架的網站界面。
Vux [](https ://github.com/airyland/vux) - 基於WeUI的移動UI組件
VueBoot - 使用 Bootstrap v4 編寫的 Vuejs 組件和指令,利用官方的 Bootstrap JS。
Vuesax - Vuesax 是一個 Vuejs 組件庫,可促進前端開發並以出色的視覺質量簡化工作。
WDUI - 基於 Vue 2.0 快速構建應用佈局的輕量級移動 UI 控件庫
Blankapp [](https ://github.com/blankapp/ui) - React Native 的高度可定制和主題化組件
NativeBase [](https ://github.com/GeekyAnts/NativeBase) - React Native 的基本跨平台 UI 組件。對於 React Native 愛好者來說是同類中最好的之一。受到推崇的!
Teaset - React Native 的 UI 庫,提供 20+ 純 JS(ES6) 組件,專注於內容展示和動作控制。
Clarity - Clarity 是 VMware 的一個開源設計系統,它匯集了 UX 指南、HTML/CSS 框架和 Angular 組件
星雲 - 帶有組件、身份驗證和安全性的 UI 工具包,適用於您的下一個 Angular7 應用程序
材料 2 - Angular 的官方組件庫,實現了 Google 的材料設計,使用 Angular 和 TypeScript 構建
溫泉用戶界面 - 100多個組件是基於原始Onsen UI框架專門為Material和Flat設計製作的
PatternFly NG - PatternFly 項目 的一組 Angular 6+ 組件。它還支持 Angular 4 和 5。
Primer組件 - Primer 設計系統 的 React 組件
Ember UIkit .svg?label=&style=social) - 這個插件是 CSS 庫 UIkit 的包裝器,它公開了某些組件,為用戶提供了一種簡單的使用方式ember 應用程序中的 UIkit。
Elix - 用於常見用戶界面模式的高質量、可定制的 Web 組件
Vaadin 組件 - 用於構建業務 Web 應用程序的不斷發展的高質量 Web 組件集