An awesome list of framework component libraries for UI styles

awesome-ui-component-library

Curated list of framework component libraries for UI styles

This list doesn't include individual component libraries

Contents

• • Special use case libraries
  • Related community list
• • Related community list
• • Special use case libraries
  • Related community list
• • Special use case libraries
  • Related community list
• • Related community list

React

• Amaze UI - React components based on AmazeUI
• 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)
• 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.
• 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.
• Buttercup UI - React UI Components used in Buttercup products
• Carbon - React components according to IBM’s Carbon 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
• 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.
• Garden - Garden React components based on garden css
• Gestalt - A set of React UI components that supports Pinterest’s design language.
• Grommet - React-based framework that provides accessibility, modularity, responsiveness, and theming.
• Hack Club's design system - Component inspired by Priceline's deign system
• Hana UI - A react UIKit with nijigen style.
• KhanAcademy React - Khan’s academy’s React UI components released to the community
• Klarna UI - Klarna's UI components library for React
• Material UI - Components that implement Google's Material Design. Example usage can be seen here .
• Onsen UI React - More than 100 components are specially made for Material and Flat design based on original the Onsen UI framework
• Pivotal UI - Pivotal UI is a collection of React components that are styled for the Pivotal brand
• Polaris React - Polaris React is a component library based on Shopify's Polaris style
• 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
• 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
• 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 Materialize - Material design for react, powered by materializecss
• React MD - React toolkit for building a web app with Google’s Material Design with very highly customizable themes and styling (Sass)
• 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 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.
• Redition - 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.
• 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
• Stardust UI - tardust is a set of specifications and tools for building UI libraries. It is based on a fork of Semantic UI React (SUIR) .
• Shineout - A themeable components library for React which support i18n.
• UXCore - A React UI Component Suites living for enterprise application by Alibaba, Inc.
• Zent - Zent is a React component library developed and used at Youzan with more than 50 components for now.
• [Paid] ExtReact - 115+ pre-built UI components that are fully supported and designed to interact and work together, from Sencha UI
• [Paid] jQWidgets - React components based on jqwidgets.
• [Paid] Kendo ui - UI Component based on kendo UI toolkit.
• [Paid] Mobiscroll - React components for Mobile UI Controls.
• [Paid] Wijmo React - React components for Wizmo Toolkit from grapeCity.

Special use case libraries

• 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
• Styled Icons - Font Awesome, Feather, Material Design, and Octicons icon packs as Styled Components
• [Paid] ag-grid - Cross platform components for Grid/Tables

Related community list

• Awesome React - A collection of awesome things regarding React ecosystem.
• Awesome React Component - Catalog of React Components & Libraries

VueJS

• 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 dependancies
• CarvueJS - Carvue is a UI components library which is based on Carbon-Design and VueJS.
• 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.
• Material Components Vue - Material-components-vue integrates the mdc-web (by google) vanilla components
• 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
• 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
• 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.
• UI ]( https://github.com/vuejs/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
• Vuetify - Vue.js components implemented according to Google’s material design guidelines. Vuetify supports all modern browsers across platforms, including IE11 and Safari 9+
• 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 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 MDC Adapter - Integration of Material Components for Vue.js which follows the best practices recommended by Google
• Vuikit - A responsive Vue 2 UI library for web site interfaces based on the UIkit 3 framework.
• Vux -Mobile UI Components based on WeUI
• Vueblu - UI Component Library Base on Vue.js(2.x) and Bulma
• Vuecidity - component library inspired by Google Material Design and Bootstrap with set of 30+ UI components, 24-column responsive layout grid system.
• 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.
• Zircle UI - A frontend library to develop zoomable user interfaces

• Epic Spinners - Reusable Vue components for spinners
• [Paid] Kendo ui - UI Component based on kendo UI toolkit.
• [Paid] jQWidgets - Vue components based on jqwidgets.

Related community list

• Awesome Vue - A curated list of awesome things related to Vue.js

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 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
• 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
• Semantic UI Angular - Semantic UI Angular is the official Angular integration for Semantic UI.It’s used by Netflix, Amazon and other major organizations.

Special use case libraries

• 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

Related community list

• Awesome Angular - A curated list of awesome Angular resources
• Awesome Angular Components - Catalog of Angular 2+ Components & Libraries

EmberJS

• Semantic UI Ember - Semantic UI Ember is the official EmberJS integration for Semantic UI.It’s used by Netflix, Amazon and other major organizations.
• UI-bootstrap - An Ember-flavoured Bootstrap 4.x eco-system
• 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.
• 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.
• SL Ember Components - An Ember CLI Addon that provides a variety of UI components.
• Ember Material Design - Implementation of Material Design in EmberJS

Special use case libraries

• AnyChart-Ember - AnyChart Component for Ember CLI provides an easy way to use AnyChart JavaScript Charts with Ember Framework

Related community list

• Awesome Ember - A curated list of awesome Ember.js things.

Mithril

• 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

Related community list

• Awesome Mithril - A curated list of Mithril awesome