An open API service indexing awesome lists of open source software.

awesome-ui-component-library

Curated list of framework component libraries for UI styles/toolkit
https://github.com/anubhavsrivastava/awesome-ui-component-library

Last synced: 2 days ago
JSON representation

  • React

      • Ice - Design kit by Alibaba
      • AgnosticUI - Accessible React Component Primitives (that also work with Svelte, Vue 3, and Angular).
      • Amaze UI - react.svg?label=&style=social)](https://github.com/amazeui/amazeui-react) - React components based on [AmazeUI](http://amazeui.org/)
      • Amaze UI Touch - touch.svg?label=&style=social)](https://github.com/amazeui/amazeui-touch/) - React.js-based mobile web component library
      • ARWES - Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for Web Apps
      • Ant Design React - design/ant-design.svg?label=&style=social)](https://github.com/ant-design/ant-design) - An enterprise-class UI design language and React-based implementation. Ant-design Pro is available [here](https://github.com/ant-design/ant-design-pro)
      • Backpack - Backpack Design System used to build skyscanner products
      • Backpack UI - ui.svg?label=&style=social)](https://github.com/lonelyplanet/backpack-ui) - Component library to build the Lonely Planet UI experience.
      • Base UI - web/baseui.svg?label=&style=social)](https://github.com/uber-web/baseui) - 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.
      • Blue - react.svg?label=&style=social)](https://github.com/helpscout/hsds-react) - React components for Help Scout's Design System
      • Blueprint - A React-based UI toolkit for building complex, data-dense web interfaces for desktop applications.
      • Buttercup UI - React UI Components used in Buttercup products
      • Carbon - components-react.svg?label=&style=social)](https://github.com/IBM/carbon-components-react) - React components according to IBM’s [Carbon design system](http://carbondesignsystem.com/)
      • Cosmos - Component library for Auth0 Design System
      • design-blocks - froala-design-blocks.svg?label=&style=social)](https://github.com/froala/react-froala-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
      • 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.
      • Falcon UI - io/falcon.svg?label=&style=social)](https://github.com/deity-io/falcon/tree/master/packages/falcon-ui) - falcon-ui is a library of composable, themable, design-system-driven UI components for React.
      • Feather - laboratory/arui-feather.svg?label=&style=social)](https://github.com/alfa-laboratory/arui-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.
      • Garden - components.svg?label=&style=social)](https://github.com/zendeskgarden/react-components) - Garden React components based on garden css
      • Grommet - React-based framework that provides accessibility, modularity, responsiveness, and theming.
      • Gumdrops - GumGum's React Reusable Component Library
      • Hack Club's design system - system.svg?label=&style=social)](https://github.com/hackclub/design-system) - Component inspired by Priceline's design system
      • Hana UI - group/hana-ui.svg?label=&style=social)](https://github.com/hana-group/hana-ui) - A react UIKit with nijigen style.
      • Instructure UI - ui.svg?label=&style=social)](https://github.com/instructure/instructure-ui) - A UI Component Library made by Instructure, Inc
      • MongoDB UI Design - The MongoDB Design System contains the UI building blocks that make up the user experience across all MongoDB products.
      • Mineral UI - ui/mineral-ui.svg?label=&style=social)](https://github.com/mineral-ui/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](https://www.ca.com)
      • Onsen UI React - More than 100 components are specially made for Material and Flat design based on original the Onsen UI framework
      • Orbit Components - components.svg?label=&style=social)](https://github.com/kiwicom/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.
      • Plasma - Plasma is a design system for creating sensible, modern interfaces.
      • Prime React - This project which provides a rich and unique selection of over 60 UI components with multiple themes
      • Reakit - Toolkit for building really interactive UIs and components are WAI-ARIA compliant and all components are in accordance with the Single Element Pattern
      • 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
      • React Bootstrap - bootstrap/react-bootstrap.svg?label=&style=social)](https://github.com/react-bootstrap/react-bootstrap) - React-Bootstrap is a complete re-implementation of the Bootstrap 3 components using React.
      • React Desktop - desktop.svg?label=&style=social)](https://github.com/gabrielbull/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 - [![Repo Star](https://img.shields.io/github/stars/nordsoftware/react-foundation.svg?label=&style=social)](https://github.com/nordsoftware/react-foundation) - React components for [Foundation](https://foundation.zurb.com/) UI Design.
      • React Ionic - React components for Ionic which allows us to build iOS and Android apps that are indistinguishable from native apps.
      • React Materialize - materialize/react-materialize.svg?label=&style=social)](https://github.com/react-materialize/react-materialize) - Material design for react, powered by materialize.css
      • React Native Starter - md.svg?label=&style=social)](https://github.com/flatlogic/react-native-starter) - A powerful react native starter template that bootstraps development of your mobile application.
      • React Toolbox - toolbox/react-toolbox.svg?label=&style=social)](https://github.com/react-toolbox/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 UWP - uwp.svg?label=&style=social)](https://github.com/myxvisual/react-uwp) - React Components that Implement Microsoft's UWP Design & Fluent Design
      • RSuite - RSUITE (React Suite) is a set of react component libraries for enterprise system products.
      • Shards - react.svg?label=&style=social)](https://github.com/designrevision/shards-react) - Shards React is a free, beautiful and modern React UI kit based on [Shards](https://designrevision.com/downloads/shards/)
      • Smooth UI - code/smooth-ui.svg?label=&style=social)](https://github.com/smooth-code/smooth-ui) - Smooth UI is a style system / UI library for React. It works with Styled Components
      • Spark - design-system.svg?label=&style=social)](https://github.com/sparkdesignsystem/spark-design-system) - Spark Design System is a system of patterns and components used to create the user interface for the Quicken Loans family of Fintech products.
      • Shineout - A theme-able components library for React which support i18n.
      • Tenon-UI - io/tenon-ui.svg?label=&style=social)](https://github.com/tenon-io/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.
      • VTEX Styleguide - The VTEX Design System backed by React component library
      • Yep-React - react.svg?label=&style=social)](https://github.com/jdf2e/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.
      • Paid - Over 60 high-performance, lightweight, modular, and responsive UI components for React.
      • Paid - React components based on jqwidgets.
      • Paid - 90+ professional UI components built from the ground up for React - responsive, accessible and feature rich.
      • Paid - React components for Mobile UI Controls.
      • Paid - React components for Wizmo Toolkit from grapeCity.
      • Klarna UI - Klarna's UI components library for React
      • Plasma - Plasma is a design system for creating sensible, modern interfaces.
      • React Material Web Components - React Material Web Components, wraps Google's Official Material Design Components. Includes Flow and Typescript types. Individually packaged components.
      • React UIKit Components - uikit-components.svg?label=&style=social)](https://github.com/kbuechl/react-uikit-components) - Collection of React components using the UIkit CSS framework.
      • Plasma - Plasma is a design system for creating sensible, modern interfaces.
      • Plasma - Plasma is a design system for creating sensible, modern interfaces.
      • Plasma - Plasma is a design system for creating sensible, modern interfaces.
      • Plasma - Plasma is a design system for creating sensible, modern interfaces.
      • Atlaskit - Atlasssian’s official React UI kit is the technical implementation of the Atlassian Design Guidelines (ADG)
      • Plasma - Plasma is a design system for creating sensible, modern interfaces.
      • Magic UI - Create stunning and engaging landing pages with free, open-source animated components that are easy to customize.
      • Gestalt - A set of React UI components that supports Pinterest’s design language.
      • GovUK React - react/govuk-react.svg?label=&style=social)](https://github.com/govuk-react/govuk-react/) - An implementation of the GOV.UK Design System in React using CSSinJS using Object notation (with styled-components).
      • Plasma - Plasma is a design system for creating sensible, modern interfaces.
      • Plasma - Plasma is a design system for creating sensible, modern interfaces.
      • Stardust UI - ui/react.svg?label=&style=social)](https://github.com/stardust-ui/react) - Stardust is a set of specifications and tools for building UI libraries. It is based on a fork of [Semantic UI React (SUIR)](https://github.com/Semantic-Org/Semantic-UI-React).
      • Rebass - React UI component library & design system, built with styled-components and styled-system. It’s a great choice for Styled-components fans.
      • Plasma - Plasma is a design system for creating sensible, modern interfaces.
      • Plasma - Plasma is a design system for creating sensible, modern interfaces.
      • Plasma - Plasma is a design system for creating sensible, modern interfaces.
      • React UWP - uwp.svg?label=&style=social)](https://github.com/myxvisual/react-uwp) - React Components that Implement Microsoft's UWP Design & Fluent Design
      • Plasma - Plasma is a design system for creating sensible, modern interfaces.
      • Plasma - Plasma is a design system for creating sensible, modern interfaces.
      • Semantic UI React - Org/Semantic-UI-React.svg?label=&style=social)](https://github.com/Semantic-Org/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](https://github.com/Semantic-Org/Semantic-UI-React/tree/master/examples)
      • Plasma - Plasma is a design system for creating sensible, modern interfaces.
      • Plasma - Plasma is a design system for creating sensible, modern interfaces.
      • Uniform - Uniform is Hudl’s design system. It exists to unify Hudl’s products through design and code implementation.
      • Base UI - web/baseui.svg?label=&style=social)](https://github.com/uber-web/baseui) - 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.svg?label=&style=social)](https://github.com/helpscout/hsds-react) - React components for Help Scout's Design System
      • Buffer - components.svg?label=&style=social)](https://github.com/bufferapp/buffer-components) - Buffer's shared collection of React UI components
      • Canvas - HubSpot Canvas is the design system that HubSpot uses to build products.
      • cf-design - ui.svg?label=&style=social)](https://github.com/cloudflare/cf-ui) - Cloudflare UI Framework
      • chakra-ui - ui/chakra-ui.svg?label=&style=social)](https://github.com/chakra-ui/chakra-ui) - Modular & Accessible UI Components for your React Applications
      • Element - react.svg?label=&style=social)](https://github.com/ElemeFE/element-react) - 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
      • Feather - laboratory/arui-feather.svg?label=&style=social)](https://github.com/alfa-laboratory/arui-feather) - is a library of React components for creating web interfaces at Alfa-Bank
      • FYNDIQ-UI - ui.svg?label=&style=social)](https://github.com/fyndiq/fyndiq-ui) - Library of reusable web frontend components for Fyndiq
      • Hack Club's design system - system.svg?label=&style=social)](https://github.com/hackclub/design-system) - Component inspired by Priceline's design system
      • Ice - Design kit by Alibaba
      • KhanAcademy React - components.svg?label=&style=social)](https://github.com/Khan/react-components) - Khan’s academy’s React UI components released to the community
      • Klarna UI - Klarna's UI components library for React
      • Kokonut UI - labs/kokonutui.svg?label=&style=social)](https://github.com/kokonut-labs/kokonutui) - Free Modern and Customizable UI components.
      • Launch UI - ui/launch-ui.svg?label=&style=social)](https://github.com/launch-ui/launch-ui) - Landing page components built with React, Shadcn/ui and Tailwind that will make your website feel premium.
      • MongoDB UI Design - The MongoDB Design System contains the UI building blocks that make up the user experience across all MongoDB products.
      • Nice! React - react.svg?label=&style=social)](https://github.com/textkernel/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
      • Pluralsight Design System - system.svg?label=&style=social)](https://github.com/pluralsight/design-system) - The UI building blocks for creating a cohesive design across Pluralsight products
      • Priceline One - system.svg?label=&style=social)](https://github.com/pluralsight/design-system) - The UI building blocks for creating a cohesive design across Pluralsight products.
      • Quran - components.svg?label=&style=social)](https://github.com/quran/common-components) - Common components used across Quran.com, Quranicaudio.com and Salah.com
      • RBX - The Comprehensive Bulma UI Framework for React
      • React95 - A React components library with Win95 UI
      • React Desktop - desktop.svg?label=&style=social)](https://github.com/gabrielbull/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 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 MD - md.svg?label=&style=social)](https://github.com/mlaursen/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-ui.svg?label=&style=social)](https://github.com/catamphetamine/react-responsive-ui) - Responsive React UI components
      • React UI - ui.svg?label=&style=social)](https://github.com/Lobos/react-ui) - A collection of components for React, based on bootstrap 4.0. This project is no longer maintained.
      • React UIKit Components - uikit-components.svg?label=&style=social)](https://github.com/kbuechl/react-uikit-components) - Collection of React components using the UIkit CSS framework.
      • React UWP - uwp.svg?label=&style=social)](https://github.com/myxvisual/react-uwp) - React Components that Implement Microsoft's UWP Design & Fluent Design
      • React WeUI - weui.svg?label=&style=social)](https://github.com/weui/react-weui) - WeUI Components build with React inspired by WeChat
      • Rendition - io-modules/rendition.svg?label=&style=social)](https://github.com/balena-io-modules/rendition) - A library of UI components, built using React, recompose, styled-components and styled-system.
      • RingUI - ui.svg?label=&style=social)](https://github.com/JetBrains/ring-ui) - This collection of UI components aims to provide all of the necessary building blocks for web-based products built inside JetBrains
      • Seek Style - oss/seek-style-guide.svg?label=&style=social)](https://github.com/seek-oss/seek-style-guide) - Living style guide for SEEK, powered by React, webpack, CSS Modules and Less.
      • Shineout - A theme-able components library for React which support i18n.
      • 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
      • Uniform - Uniform is Hudl’s design system. It exists to unify Hudl’s products through design and code implementation.
      • Zero-UI - UI.svg?label=&style=social)](https://github.com/AlphaGo88/Zero-UI) - Zero-UI is an easy-to-use web UI component framework which includes a set of useful components.
      • ZHUI - team/zhui.svg?label=&style=social)](https://github.com/zhui-team/zhui) - A Chinese style component library powered by React
      • Paid - Over 60 high-performance, lightweight, modular, and responsive UI components for React.
      • Paid - React components for Mobile UI Controls.
      • Paid - React components for Wizmo Toolkit from grapeCity.
      • React tsParticles - React component for easily add fully customizable particles animations to websites and web applications
    • Special use case libraries

      • Nivo - Nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries.
      • React CSS Loaders - css-loaders.svg?label=&style=social)](https://github.com/LucasBassetti/react-css-loaders) - A collection of pure CSS React loading components
      • ReactGrid - Add spreadsheet-like behavior to your React app
      • Styled Icons - icons.svg?label=&style=social)](https://github.com/jacobwgillespie/styled-icons) - Font Awesome, Feather, Material Design, and Octicons icon packs as Styled Components
      • Paid - Cross platform components for Grid/Tables
      • Paid - Plugin that extends your projects functionality with a table component
      • Halogen - A collection of loading spinners with React.js
      • React Epic Spinners - epic-spinners.svg?label=&style=social)](https://github.com/bondz/react-epic-spinners) - Reusable react components for spinners
      • React Virtualized - virtualized.svg?label=&style=social)](https://github.com/bvaughn/react-virtualized) - React components for virtualizing large data sets for efficiently rendering lists and tabular data
    • Tools

      • react-sketchapp - sketchapp.svg?label=&style=social)](https://github.com/airbnb/react-sketchapp) — render React components to Sketch; tailor-made for design systems
      • Bit - 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 - sketchapp.svg?label=&style=social)](https://github.com/airbnb/react-sketchapp) — render React components to Sketch; tailor-made for design systems
  • VueJS

      • BalmUI - vue.svg?label=&style=social)](https://github.com/balmjs/ui-vue) - Next Generation Material UI for Vue.js
      • Bootstrap Vue - vue/bootstrap-vue.svg?label=&style=social)](https://github.com/bootstrap-vue/bootstrap-vue) - comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup.
      • CarvueJS - components-vue.svg?label=&style=social)](https://github.com/CarvueJS/carbon-components-vue) - Carvue is a UI components library which is based on Carbon-Design and VueJS.
      • Cion - cion-design-system.svg?label=&style=social)](https://github.com/visualjerk/vue-cion-design-system) - 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.
      • 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.
      • 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 - pc-vue.svg?label=&style=social)](https://github.com/chaogao/jsmod-pc-vue) - The goal of jsmod is to provide a high degree of freedom (high scalability) ui components, and unified desktop and mobile usage
      • Mint UI - ui.svg?label=&style=social)](https://github.com/ElemeFE/mint-ui/) - Mobile UI elements for Vue.js
      • Muse UI - ui.svg?label=&style=social)](https://github.com/museui/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
      • Office UI Fabric Vue - ui-fabric-vue.svg?label=&style=social)](https://github.com/aidewoode/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
      • Space-kit - kit.svg?label=&style=social)](https://github.com/apollographql/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.
      • 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
      • Vuecidity - component library inspired by Google Material Design and Bootstrap with set of 30+ UI components, 24-column responsive layout grid system.
      • Vuedarkmode - A minimilistic set of components designed for the insomniacs who enjoy dark interfaces as much as we do.
      • Vue Carbon - carbon.svg?label=&style=social)](https://github.com/myronliu347/vue-carbon) - Material design style mobile UI library, design resource reference [FrameWork7](https://github.com/framework7io/framework7)
      • Vue Native - native-core.svg?label=&style=social)](https://github.com/GeekyAnts/vue-native-core) - Vue Native is a framework to build cross platform native mobile apps using JavaScript
      • Vue YDUI - ydui.svg?label=&style=social)](https://github.com/ydcss/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
      • Paid - Over 60 high-performance, lightweight, modular, and responsive UI components for Vue.
      • Paid - A suite of UI components focused on business applications, with components like the data grid
      • Awesome Vue - A curated list of awesome things related to Vue.js
      • vue-file-upload - A file management system built that allows for single and multiple file uploading with a preview feature
      • Semantic UI Vue - UI-Vue/Semantic-UI-Vue.svg?label=&style=social)](https://github.com/Semantic-UI-Vue/Semantic-UI-Vue) - Semantic UI Vue is the official VueJS integration for Semantic UI.It’s used by Netflix, Amazon and other major organizations.
      • AT-UI - ui/at-ui.svg?label=&style=social)](https://github.com/at-ui/at-ui) - A fresh and flat UI-Kit specially for desktop application
      • Vuetify - Vue.js components implemented according to Google’s material design guidelines. Vuetify supports all modern browsers across platforms, including IE11 and Safari 9+
      • Space-kit - kit.svg?label=&style=social)](https://github.com/apollographql/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.
      • Cube UI - ui.svg?label=&style=social)](https://github.com/didi/cube-ui) - cube-ui is a UI component library for mobile apps
      • Fish-UI - ui.svg?label=&style=social)](https://github.com/myliang/fish-ui) - provides a Vue-based web toolkit with neat and clean looking components. The library supports a ES2015 + Webpack workflow
      • Mand Mobile 2 - mobile.svg?label=&style=social)](https://github.com/didi/mand-mobile) - A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.
      • Material Components Vue - components-vue.svg?label=&style=social)](https://github.com/matsp/material-components-vue) - Material-components-vue integrates the mdc-web (by google) vanilla components
      • N3 Components - components/N3-components.svg?label=&style=social)](https://github.com/N3-components/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 - ui-fabric-vue.svg?label=&style=social)](https://github.com/aidewoode/office-ui-fabric-vue) - Office UI Fabric implementation for Vue.js, build with office-ui-fabric-js
      • 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.
      • SemVue - Semantic-ui components easy in your vue project
      • UI - UI components for official Vue organization apps
      • Vueblu - blu.svg?label=&style=social)](https://github.com/chenz24/vue-blu) - UI Component Library Base on Vue.js(2.x) and Bulma
      • VueFace - Component library for VueJS framework with around 40 components with support of 20+ themes.
      • Vue Bulma - bulma-components.svg?label=&style=social)](https://github.com/vouill/vue-bulma-components) - Translate Bulma css api to vue components
      • Vue MDC Adapter - mdc-adapter.svg?label=&style=social)](https://github.com/stasson/vue-mdc-adapter) - Integration of Material Components for Vue.js which follows the best practices recommended by Google
      • Vue MDC - mdc.svg?label=&style=social)](https://github.com/posva/vue-mdc) - This is the adaptation of Material Components web for Vue.js
      • Vue YDUI - ydui.svg?label=&style=social)](https://github.com/ydcss/vue-ydui) - A mobile components Library with Vue2.js
      • v-semantic - semantic.svg?label=&style=social)](https://github.com/eddow/v-semantic) - Integration of semantic-ui2 with vue.js2.
      • vue-antd - antd.svg?label=&style=social)](https://github.com/okoala/vue-antd) - Here is the Vue implementation of Ant Design, which develops and serves enterprise back-end products.
      • vue-beauty - Driver/vue-beauty.svg?label=&style=social)](https://github.com/FE-Driver/vue-beauty) - UI components build with vue and ant design
      • vuestrap-base-components - base-components.svg?label=&style=social)](https://github.com/kzima/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 - strap.svg?label=&style=social)](https://github.com/wffranco/vue-strap) - 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
      • Paid - Over 60 high-performance, lightweight, modular, and responsive UI components for Vue.
    • Special use case libraries

      • Epic Spinners - spinners.svg?label=&style=social)](https://github.com/epicmaxco/epic-spinners) - Reusable Vue components for spinners
      • Paid - Vue components based on jqwidgets.
      • Epic Spinners - spinners.svg?label=&style=social)](https://github.com/epicmaxco/epic-spinners) - Reusable Vue components for spinners
  • React Native

      • Ant Design Mobile RN - design/ant-design-mobile-rn.svg?label=&style=social)](https://github.com/ant-design/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 - native/carbon-native.svg?label=&style=social)](https://github.com/carbon-native/carbon-native) - A set of UI components for building React Native apps.
      • Nachos UI - ui/nachos-ui.svg?label=&style=social)](https://github.com/nachos-ui/nachos-ui) - Customizable ready to use 30+ components which works with [React Native for Web](https://github.com/necolas/react-native-web)
      • NativeBase - Essential cross-platform UI components for React Native. One of best in class for React Native Lovers. Recommended!
      • React Native Android Kit - native-android-kit.svg?label=&style=social)](https://github.com/adbayb/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 Material Design - native-material-design/react-native-material-design.svg?label=&style=social)](https://github.com/react-native-material-design/react-native-material-design) - React Native components which implement Material Design. (No longer maintained in favour of Material Paper)
      • React Native Material Kit - native-material-kit.svg?label=&style=social)](https://github.com/xinthink/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 - native-material-ui.svg?label=&style=social)](https://github.com/xotahal/react-native-material-ui) - Highly customizable material design components for React Native. Demo for this toolkit can be seen [here](https://github.com/xotahal/react-native-material-ui/blob/master/docs/Demo.md)
      • Native Directory - Native Directory is a curated list of React Native libraries to help you build your projects.
      • React Native Web - native-web.svg?label=&style=social)](https://github.com/necolas/react-native-web) - "React Native for Web" makes it possible to run React Native components and APIs on the web using React DOM
      • Shoutem UI - styleable components for React Native applications for iOS and Android. All of our components are built to be both composable and customizable.
      • Awesome React Native - Awesome React Native components, news, tools, and learning material!
      • Nachos UI - ui/nachos-ui.svg?label=&style=social)](https://github.com/nachos-ui/nachos-ui) - Customizable ready to use 30+ components which works with [React Native for Web](https://github.com/necolas/react-native-web)
      • Panza - org/panza.svg?label=&style=social)](https://github.com/panza-org/panza) - Panza is a collection of stateless, functional ui-components for react-native, and heavily inspired by the excellent rebass library.
      • React Native Common - native-common.svg?label=&style=social)](https://github.com/rghorbani/react-native-common) - Cross Platform React Native UI Toolkit & API
      • React Native Elements - native-training/react-native-elements.svg?label=&style=social)](https://github.com/react-native-training/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 - native-gifted-chat.svg?label=&style=social)](https://github.com/wix/react-native-gifted-chat) - Chat UI components for React Native (formerly known as Gifted Messenger)
      • React Native Material Design - native-material-design/react-native-material-design.svg?label=&style=social)](https://github.com/react-native-material-design/react-native-material-design) - React Native components which implement Material Design. (No longer maintained in favour of Material Paper)
      • React Native Material Kit - native-material-kit.svg?label=&style=social)](https://github.com/xinthink/react-native-material-kit) - A set of UI components, in the purpose of introducing Material Design to apps built with React Native
      • React Native Paper - native-paper.svg?label=&style=social)](https://github.com/callstack/react-native-paper) - Component with follows Material design guidelines v2.0, Better RTL Support and full theming options
      • React Native UI Kitten - native-ui-kitten.svg?label=&style=social)](https://github.com/akveo/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 - native-ui-lib.svg?label=&style=social)](https://github.com/wix/react-native-ui-lib) - UI Toolset & Components Library for React Native
      • React Virgin - virgin.svg?label=&style=social)](https://github.com/Trixieapp/react-virgin) - UI kit with boiler plate for your React-Native projects
      • Teaset - A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control.
      • Native Directory - Native Directory is a curated list of React Native libraries to help you build your projects.
    • Special use case libraries

      • React Native Calendars - native-calendars.svg?label=&style=social)](https://github.com/wix/react-native-calendars) - various customizable react native calendar components.
      • React Native Chart - native-chart.svg?label=&style=social)](https://github.com/tomauty/react-native-chart) - Add line, area, pie, and bar charts to your React Native app
      • React Native Circular Progress - native-circular-progress.svg?label=&style=social)](https://github.com/bartgryszko/react-native-circular-progress) - React Native component for creating animated, circular progress with ReactART
      • React Native Spinkit - native-spinkit.svg?label=&style=social)](https://github.com/maxs15/react-native-spinkit) - A collection of animated loading indicators for React Native
  • Angular

      • Alfresco - ng2-components.svg?label=&style=social)](https://github.com/Alfresco/alfresco-ng2-components) - Alfresco Application Development Framework (ADF) is set of Angular components with directives, pipes, and other interfaces. Should be treated as framework.
      • Alyle UI - l-y-l-e/Alyle-UI.svg?label=&style=social)](https://github.com/A-l-y-l-e/Alyle-UI) - Minimal Design, a set of components for Angular.
      • AT Angular UI - ui-angular.svg?label=&style=social)](https://github.com/100cm/at-ui-angular) - Angular 4.0+ front-end UI component library based on the rapid development of back-end products in PC websites.
      • Element - angular.svg?label=&style=social)](https://github.com/ElemeFE/element-angular) - Initially build for VueJs, Library provides a rich selection of customizable components along with a full style-guide
      • NGX Bootstrap - software/ngx-bootstrap.svg?label=&style=social)](https://github.com/valor-software/ngx-bootstrap) - Bootstrap 3/Bootstrap 4 Components with Angular, for both Mobile and Desktop.
      • NG Bootstrap - bootstrap/ng-bootstrap.svg?label=&style=social)](https://github.com/ng-bootstrap/ng-bootstrap) - replacing [angular-ui](https://github.com/angular-ui/bootstrap) bootstrap which is no longer maintained, it provides Bootstrap 4 components for Angular with no 3rd party JS dependencies
      • NG Semantic-UI - Angular UI building blocks based on Semantic-UI
      • NG-ZORRO - ZORRO/ng-zorro-antd.svg?label=&style=social)](https://github.com/NG-ZORRO/ng-zorro-antd) - NG-ZORRO components aim to provide an enterprise-class UI based on Ant Design
      • Onsen UI - More than 100 components are specially made for Material and Flat design based on original the Onsen UI framework
      • 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](https://primer.style/)
      • Paid - Over 60 high-performance, lightweight, modular, and responsive UI components for Angular.
      • Clarity - Clarity is an open source design system by VMware that brings together UX guidelines, an HTML/CSS framework, and Angular components
      • MDBootstrap - Bootstrap-with-Material-Design.svg?label=&style=social)](https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design) - Material Design UI KIT based on Bootstrap 4
      • Material 2 - Angular’s official component library implementing Google’s material design, built with Angular and TypeScript
      • Covalent - Teradata UI Platform built on Angular Material
      • Fuel UI - ui.svg?label=&style=social)](https://github.com/FuelInteractive/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 ScrollTop - scrolltop.svg?label=&style=social)](https://github.com/bartholomej/ngx-scrolltop) - Lightweight, Material Design inspired button for scroll-to-top of the page. _No dependencies. Pure Angular!_
      • NGX UI - ui.svg?label=&style=social)](https://github.com/swimlane/ngx-ui) - Component & Style Library for Angular by Swimlane.
      • NG Lightning - lightning/ng-lightning.svg?label=&style=social)](https://github.com/ng-lightning/ng-lightning) - Angular components built for the Saleforce Lightning Design System
      • NG-ZORRO - ZORRO/ng-zorro-antd.svg?label=&style=social)](https://github.com/NG-ZORRO/ng-zorro-antd) - NG-ZORRO components aim to provide an enterprise-class UI based on Ant Design
      • Primer Components - React components for the [Primer Design System](https://primer.style/)
      • Semantic UI Angular - Org/Semantic-UI-Angular.svg?label=&style=social)](https://github.com/Semantic-Org/Semantic-UI-Angular) - Semantic UI Angular is the official Angular integration for Semantic UI.It’s used by Netflix, Amazon and other major organizations.
      • Paid - Over 60 high-performance, lightweight, modular, and responsive UI components for Angular.
      • Awesome Angular - A curated list of awesome Angular resources
      • Awesome Angular Components - Catalog of Angular 2+ Components & Libraries
    • Special use case libraries

      • NG2 Charts - software/ng2-charts.svg?label=&style=social)](https://github.com/valor-software/ng2-charts) - Angular directives for 6 different types of charts, with properties based on chart.js.
      • NG2 Dragula - software/ng2-dragula.svg?label=&style=social)](https://github.com/valor-software/ng2-dragula) - Official Angular wrapper for dragula for drag and drop
      • NG2 Dragula - software/ng2-dragula.svg?label=&style=social)](https://github.com/valor-software/ng2-dragula) - Official Angular wrapper for dragula for drag and drop
  • EmberJS

      • Ember Bootstrap - bootstrap.svg?label=&style=social)](https://github.com/kaliber5/ember-bootstrap/) - Ember-cli addon for using Bootstrap as native Ember components
      • Ember Material Design - material-design.svg?label=&style=social)](https://github.com/mike1o1/ember-material-design) - Implementation of Material Design in EmberJS
      • Ember Material Lite - north/ember-material-lite.svg?label=&style=social)](https://github.com/mike-north/ember-material-lite) - Material Design Lite for Ember.js Apps
      • SL Ember Components - ember-components.svg?label=&style=social)](https://github.com/softlayer/sl-ember-components) - An Ember CLI Addon that provides a variety of UI components.
      • Ember Components - components.svg?label=&style=social)](https://github.com/indexiatech/ember-components) - This project aims to be the successor of [Bootstrap for Ember](https://github.com/ember-addons/bootstrap-for-ember) project as all components on this suite are not bound to any specific CSS framework.
      • Ember Material Design - material-design.svg?label=&style=social)](https://github.com/mike1o1/ember-material-design) - Implementation of Material Design in EmberJS
      • Ember Material Lite - north/ember-material-lite.svg?label=&style=social)](https://github.com/mike-north/ember-material-lite) - Material Design Lite for Ember.js Apps
      • Ember UIkit - sygroup/ember-uikit.svg?label=&style=social)](https://github.com/adfinis-sygroup/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 - Org/Semantic-UI-Ember.svg?label=&style=social)](https://github.com/Semantic-Org/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 - ember-components.svg?label=&style=social)](https://github.com/softlayer/sl-ember-components) - An Ember CLI Addon that provides a variety of UI components.
      • UI-bootstrap - bootstrap.svg?label=&style=social)](https://github.com/lifegadget/ui-bootstrap) - An Ember-flavoured Bootstrap 4.x eco-system
      • Awesome Ember - A curated list of awesome Ember.js things.
    • Special use case libraries

      • AnyChart-Ember - Ember.svg?label=&style=social)](https://github.com/AnyChart/AnyChart-Ember) - AnyChart Component for Ember CLI provides an easy way to use AnyChart JavaScript Charts with Ember Framework
  • Mithril

      • Polythene - Material Design component library for Mithril
      • Mithril-Materialized - materialized.svg?label=&style=social)](https://github.com/erikvullings/mithril-materialized) - a materialized-CSS Mithril components library
      • Construct UI - ui.svg?label=&style=social)](https://github.com/vrimar/construct-ui) - A UI kit for mithriljs with many common components inspired by blueprint
      • mithril-ui - ui.svg?label=&style=social)](https://github.com/khalti/mithril-ui) - UI components for Mithril.js
      • Awesome Mithril - A curated list of Mithril awesome
  • Web Components

      • Aybolit - padawan/aybolit.svg?label=&style=social)](https://github.com/web-padawan/aybolit) - Lightweight, standards-based, framework agnostic web components library built with LitElement
      • Aybolit - padawan/aybolit.svg?label=&style=social)](https://github.com/web-padawan/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 - components/material-components-web-components.svg?label=&style=social)](https://github.com/material-components/material-components-web-components) - Material Design implemented as Web Components
      • Material Web Components (Custom Elements) - webcomponents.svg?label=&style=social)](https://github.com/DannyMoerkerke/material-webcomponents) - Custom Elements for Material Design
      • Vaadin components - Evolving set of high-quality web components for building business web applications
      • Wired Elements - elements.svg?label=&style=social)](https://github.com/wiredjs/wired-elements) - Set of common UI elements with a hand-drawn, sketchy look.
      • Web Components the Right Way - A curated list of awesome Web Components resources.
  • A11y Components

  • Some Community conversations

  • Styleguides

  • Astro

      • WebcoreUI - Configurable and themeable Astro UI component library.
      • Awesome Astro - Curated resources on building sites with Astro.