awesome-ui-component-library

UI component library

A curated collection of reusable UI components and design systems for web and mobile applications

Curated list of framework component libraries for UI styles/toolkit

GitHub

884 stars
22 watching
75 forks
Language: JavaScript
last commit: almost 2 years ago
Linked from 4 awesome lists

awesomeawesome-listbootstrap-librarycomponent-librarycomponentsframeworkgoogle-materialkendo-uilibrarymithriljsoffice-ui-fabricreact-componentsreactjsreactnativetoolkitui-componentsui-kitui-toolkitvue-componentsvuejs

Awesome UI component library / React

AgnosticUIAccessible React Component Primitives (that also work with Svelte, Vue 3, and Angular)
Amaze UIReact components based on
Amaze UI TouchReact.js-based mobile web component library
ARWESFuturistic Sci-Fi and Cyberpunk Graphical User Interface Framework for Web Apps
Ant Design ReactAn enterprise-class UI design language and React-based implementation. Ant-design Pro is available
AtlaskitAtlasssian’s official React UI kit is the technical implementation of the Atlassian Design Guidelines (ADG)
BackpackBackpack Design System used to build skyscanner products
Backpack UIComponent library to build the Lonely Planet UI experience
Base UIA React Component library implementing the Base UI design
BelleA 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
BloomBloom acts as a central repository for reuseable React components and common styles for AppearHere. It is bootstrapped with create-react-app
BlueReact components for Help Scout's Design System
BlueprintA React-based UI toolkit for building complex, data-dense web interfaces for desktop applications
BufferBuffer's shared collection of React UI components
Buttercup UIReact UI Components used in Buttercup products
CarbonReact components according to IBM’s
CanvasHubSpot Canvas is the design system that HubSpot uses to build products
cf-designCloudflare UI Framework
chakra-uiModular & Accessible UI Components for your React Applications
CosmosComponent library for Auth0 Design System
design-blocksOver 170 responsive design blocks ready to be used in your web or mobile apps. All blocks are based on the Bootstrap Library
ElasticThe Elastic UI Framework is a collection of React UI components for quickly building user interfaces at Elastic
ElementInitially build for VueJs, Library provides a rich selection of customizable components along with a full style-guide
Elemental UIA UI Toolkit for React.js Websites and Apps
EvergreenEvergreen is a React UI Framework from Segment for products on the web
FabricA set of React components for building experiences for Office and Office 365 by Microsoft, written in Typescript
Falcon UIfalcon-ui is a library of composable, themable, design-system-driven UI components for React
Featheris a library of React components for creating web interfaces at Alfa-Bank
Feelixcollection of front-end interface elements that can be reused across the MYOB browser-based products
FYNDIQ-UILibrary of reusable web frontend components for Fyndiq
GardenGarden React components based on garden css
GestaltA set of React UI components that supports Pinterest’s design language
GovUK ReactAn implementation of the GOV.UK Design System in React using CSSinJS using Object notation (with styled-components)
GrommetReact-based framework that provides accessibility, modularity, responsiveness, and theming
GumdropsGumGum's React Reusable Component Library
Hack Club's design systemComponent inspired by Priceline's design system
Hana UIA react UIKit with nijigen style
IceDesign kit by Alibaba
Instructure UIA UI Component Library made by Instructure, Inc
KhanAcademy ReactKhan’s academy’s React UI components released to the community
Klarna UIKlarna's UI components library for React
Kokonut UI362almost 2 years agoFree Modern and Customizable UI components
Launch UILanding page components built with React, Shadcn/ui and Tailwind that will make your website feel premium
Lightning Design SystemThis library is the React implementation of the Salesforce
Magic UICreate stunning and engaging landing pages with free, open-source animated components that are easy to customize
Material UIComponents that implement Google's Material Design. Example usage can be seen
MDBootstrapMaterial Design UI KIT based on Bootstrap 4
MongoDB UI DesignThe MongoDB Design System contains the UI building blocks that make up the user experience across all MongoDB products
Mineral UIA design system and React component library for the web that lets you quickly build high-quality, accessible apps. Created by
Nice! ReactNice! React provides UI elements from the Nice! UI library in the form of React components
OneUITextkernel OneUI library of reusable UI components
Onsen UI ReactMore than 100 components are specially made for Material and Flat design based on original the Onsen UI framework
Orbit ComponentsOrbit-components is a React component library. Based on Kiwi's design which governs their product style
OrionIn Loco's component library, based on React Semantic UI
PatternFly ReactA set of React components for the which is built on top of Bootstrap 3
Pivotal UIPivotal UI is a collection of React components that are styled for the Pivotal brand
Pluralsight Design SystemThe UI building blocks for creating a cohesive design across Pluralsight products
Polaris ReactPolaris React is a component library based on
Priceline OneThe UI building blocks for creating a cohesive design across Pluralsight products
Prime ReactThis project which provides a rich and unique selection of over 60 UI components with multiple themes
QuranCommon components used across Quran.com, Quranicaudio.com and Salah.com
RBXThe Comprehensive Bulma UI Framework for React
ReakitToolkit for building really interactive UIs and components are WAI-ARIA compliant and all components are in accordance with the Single Element Pattern
Reach UIThe Accessible Foundation for React Apps and Design Systems
ReactackleReact UI library build with styled-components which provides cross-browser support
reactstrapStateless React Bootstrap 4 components that favor composition and control. The library does not depend on jQuery or Bootstrap javascript
React95A React components library with Win95 UI
React BootstrapReact-Bootstrap is a complete re-implementation of the Bootstrap 3 components using React
React DesktopUI 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 UI Design
React IonicReact components for Ionic which allows us to build iOS and Android apps that are indistinguishable from native apps
React Material Web ComponentsReact Material Web Components, wraps Google's Official Material Design Components. Includes Flow and Typescript types. Individually packaged components
React MaterializeMaterial design for react, powered by materialize.css
React MDReact toolkit for building a web app with Google’s Material Design with very highly customizable themes and styling (Sass)
React Native StarterA powerful react native starter template that bootstraps development of your mobile application
React Responsive UIResponsive React UI components
React Toolboxset of React components that implement Google's Material Design specification. It's powered by CSS Modules and harmoniously integrates with your webpack workflow
React UIA collection of components for React, based on bootstrap 4.0. This project is no longer maintained
React UIKit ComponentsCollection of React components using the UIkit CSS framework
React UWPReact Components that Implement Microsoft's UWP Design & Fluent Design
React WeUIWeUI Components build with React inspired by WeChat
RebassReact UI component library & design system, built with styled-components and styled-system. It’s a great choice for Styled-components fans
RenditionA library of UI components, built using React, recompose, styled-components and styled-system
RingUIThis collection of UI components aims to provide all of the necessary building blocks for web-based products built inside JetBrains
RSuiteRSUITE (React Suite) is a set of react component libraries for enterprise system products
Salt UIconcise mobile UI component library
Seek StyleLiving style guide for SEEK, powered by React, webpack, CSS Modules and Less
Semantic UI ReactSemantic UI React is the official React integration for Semantic UI. It’s used by Netflix, Amazon and other major organizations. Examples can be found
ShardsShards React is a free, beautiful and modern React UI kit based on
Smooth UISmooth UI is a style system / UI library for React. It works with Styled Components
SnacksSnacks is a JavaScript and React based component library. It has a default theme matching Instacart's styles
SparkSpark Design System is a system of patterns and components used to create the user interface for the Quicken Loans family of Fintech products
Stardust UIStardust is a set of specifications and tools for building UI libraries. It is based on a fork of
ShineoutA theme-able components library for React which support i18n
Tenon-UIGo-to library for React developers who want to build inclusive and accessible sites. Recommended for accessibility (a11y)
UIWA high quality UI Toolkit, A Component Library for React 16+
UXCoreA React UI Component Suites living for enterprise application by Alibaba, Inc
YamUIReusable component framework for Yammer.com, it is built with React on top of Office UI Fabric components
UniformUniform is Hudl’s design system. It exists to unify Hudl’s products through design and code implementation
VTEX StyleguideThe VTEX Design System backed by React component library
Yep-ReactReact v16-based front-end UI component library for rapid development of mobile pages
ZentZent is a React component library developed and used at Youzan with more than 50 components for now
Zero-UIZero-UI is an easy-to-use web UI component framework which includes a set of useful components
ZHUIA Chinese style component library powered by React
Essential JS 2 for React by SyncfusionOver 60 high-performance, lightweight, modular, and responsive UI components for React
ExtReact115+ pre-built UI components that are fully supported and designed to interact and work together, from Sencha UI
jQWidgetsReact components based on jqwidgets
KendoReact90+ professional UI components built from the ground up for React - responsive, accessible and feature rich
MobiscrollReact components for Mobile UI Controls
Wijmo ReactReact components for Wizmo Toolkit from grapeCity
React tsParticles7,799almost 2 years agoReact component for easily add fully customizable particles animations to websites and web applications

Awesome UI component library / React / Special use case libraries

Halogen1,598over 2 years agoA collection of loading spinners with React.js
NivoNivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries
RechartsRedefined chart library components built with D3
React CSS LoadersA collection of pure CSS React loading components
React Epic SpinnersReusable react components for spinners
React VirtualizedReact components for virtualizing large data sets for efficiently rendering lists and tabular data
ReactGridAdd spreadsheet-like behavior to your React app
Styled IconsFont Awesome, Feather, Material Design, and Octicons icon packs as Styled Components
ag-gridCross platform components for Grid/Tables
Get Data DenPlugin that extends your projects functionality with a table component
Awesome React66,000almost 2 years agoA collection of awesome things regarding React ecosystem
Awesome React Component42,946about 2 years agoCatalog of React Components & Libraries
libreact2,627about 2 years agoCollection of useful React components

Awesome UI component library / VueJS

AgnosticUIAccessible Vue 3 Component Primitives (that also work with Svelte, React, and Angular)
AT-UIA fresh and flat UI-Kit specially for desktop application
BalmUINext Generation Material UI for Vue.js
Bootstrap Vuecomprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup
BuefyLightweight UI components for Vue.js based on Bulma, which are the library’s only two internal dependencies
CarvueJSCarvue is a UI components library which is based on Carbon-Design and VueJS
CionCION 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 UIcube-ui is a UI component library for mobile apps
ElementLibrary provides a rich selection of customizable components along with a full style-guide based on Vue 2.0
Enterprise UIEnterprise UI for Vue.js. Based on ONE DESIGN from Baidu, Inc
Fish-UIprovides a Vue-based web toolkit with neat and clean looking components. The library supports a ES2015 + Webpack workflow
FramevuerkResponsive, Multi Language, Both Direction Support and Configurable UI Framework based on Vue.js
Framework 7 VueFull featured HTML framework for building iOS & Android apps
HEYUIUI Toolkit for Vue2.0 with cli and utils as part of ecosystem
iViewiView provides dozens of UI components and widgets built with Vue.js and styled with a clean and elegant design
JSmod VueThe goal of jsmod is to provide a high degree of freedom (high scalability) ui components, and unified desktop and mobile usage
Keen-UIkeen-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 2A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios
Material Components VueMaterial-components-vue integrates the mdc-web (by google) vanilla components
MDBootstrapMaterial Design UI KIT based on Bootstrap 4
Mint UIMobile UI elements for Vue.js
Muse UIMuse UI has more than 40 UI components and customizable themes for Google's Material Design
NutUIA set of Jingdong-style lightweight mobile Vue component library
N3 ComponentsN3 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 VueOffice UI Fabric implementation for Vue.js, build with office-ui-fabric-js
Onsen UIMore than 100 components are specially made for Material and Flat design based on original the Onsen UI framework
ProtoVue191over 8 years agoA prototyping component library build for Vue.js from grid to UI elements
QuasarResponsive Single Page Apps, Server-side Render Apps, Progressive Web Apps, Hybrid Mobile Apps (that look native!) & Electron Apps with theming support
Rubik UIRubik UI is a Material Design style ui library based Vue.js 2.0+ which can be used for PC and Mobile
Semantic UI VueSemantic UI Vue is the official VueJS integration for Semantic UI.It’s used by Netflix, Amazon and other major organizations
SemVueSemantic-ui components easy in your vue project
Space-kitThe home base for Apollo's design system, Space Kit provides essential design resources for developers to use in the Apollo-branded interfaces
UIUI components for official Vue organization apps
UivUiv is a Bootstrap 3 component library for Vue 2. All component combined are ~20KB, and the only external dependencies are Vue and Bootstrap CSS
VantLightweight Mobile UI Components built on Vue
VuetifyVue.js components implemented according to Google’s material design guidelines. Vuetify supports all modern browsers across platforms, including IE11 and Safari 9+
Vueblu1,578almost 3 years agoUI Component Library Base on Vue.js(2.x) and Bulma
Vueciditycomponent library inspired by Google Material Design and Bootstrap with set of 30+ UI components, 24-column responsive layout grid system
VuedarkmodeA minimilistic set of components designed for the insomniacs who enjoy dark interfaces as much as we do
VueFaceComponent library for VueJS framework with around 40 components with support of 20+ themes
Vue Bulma160over 7 years agoTranslate Bulma css api to vue components
Vue CarbonMaterial design style mobile UI library, design resource reference
Vue Materiallibrary 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 NativeVue Native is a framework to build cross platform native mobile apps using JavaScript
Vue MDC AdapterIntegration of Material Components for Vue.js which follows the best practices recommended by Google
Vue MDC1,190about 8 years agoThis is the adaptation of Material Components web for Vue.js
Vue YDUIA mobile components Library with Vue2.js
VuidoNative desktop applications using Vue.js
VuikitA responsive Vue 2 UI library for web site interfaces based on the UIkit 3 framework
Vux-Mobile UI Components based on WeUI
v-semantic23about 6 years agoIntegration of semantic-ui2 with vue.js2
vue-antdHere is the Vue implementation of Ant Design, which develops and serves enterprise back-end products
vue-beautyUI components build with vue and ant design
vuestrap-base-componentsVuestrap Base Components extend Bootstrap 4. Built with vuestrap, plain Vue.js and Webpack
VueBootVuejs components and directives written using Bootstrap v4, leveraging the official Bootstrap JS
VuesaxVuesax is a library of Vuejs components that facilitates front-end development and streamlines work with great visual quality
VueStrapa set of native Vue.js components based on Bootstrap's markup and CSS. No dependency on jQuery or Bootstrap's JavaScript
WDUILightweight mobile UI control library to quickly build an app layout based on Vue 2.0
Zircle UIA frontend library to develop zoomable user interfaces
Essential JS 2 for Vue by SyncfusionOver 60 high-performance, lightweight, modular, and responsive UI components for Vue
Particles.vue7,799almost 2 years agoVue library for easily add fully customizable particles animations to websites and web applications
Kendo UI for VueA suite of UI components focused on business applications, with components like the data grid
vue-file-upload22about 2 years agoA file management system built that allows for single and multiple file uploading with a preview feature

Awesome UI component library / VueJS / Special use case libraries

Epic SpinnersReusable Vue components for spinners
jQWidgetsVue components based on jqwidgets
Awesome Vue72,348almost 2 years agoA curated list of awesome things related to Vue.js

Awesome UI component library / React Native

Ant Design Mobile RNA Ant design based configurable Mobile UI component library based on React Native
BlankappHighly customizable and theming components for React Native
Carbon NativeA set of UI components for building React Native apps
Nachos UICustomizable ready to use 30+ components which works with
NativeBaseEssential cross-platform UI components for React Native. One of best in class for React Native Lovers. Recommended!
Panza258almost 4 years agoPanza is a collection of stateless, functional ui-components for react-native, and heavily inspired by the excellent rebass library
React Native Android Kit110almost 3 years agoA set of native Android UI components and modules for React Native framework that are currently not implemented by React Native core team
React Native CommonCross Platform React Native UI Toolkit & API
React Native ElementsCross 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 Chat100over 3 years agoChat UI components for React Native (formerly known as Gifted Messenger)
React Native Material DesignReact Native components which implement Material Design. (No longer maintained in favour of Material Paper)
React Native Material KitA set of UI components, in the purpose of introducing Material Design to apps built with React Native
React Native Material UI3,783over 3 years agoHighly customizable material design components for React Native. Demo for this toolkit can be seen
React Native PaperComponent with follows Material design guidelines v2.0, Better RTL Support and full theming options
React Native UI KittenMobile framework with easily customizable elements which is able to create style configurations of components you use the most (buttons, inputs etc.)
React Native UI LibUI 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 VirginUI kit with boiler plate for your React-Native projects
Shoutem UIstyleable components for React Native applications for iOS and Android. All of our components are built to be both composable and customizable
Teaset2,943over 5 years agoA UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control

Awesome UI component library / React Native / Special use case libraries

React Native Calendars9,621almost 2 years agovarious customizable react native calendar components
React Native Chart1,575over 6 years agoAdd line, area, pie, and bar charts to your React Native app
React Native Circular Progress2,156almost 2 years agoReact Native component for creating animated, circular progress with ReactART
React Native Spinkit2,363almost 3 years agoA collection of animated loading indicators for React Native
Native DirectoryNative Directory is a curated list of React Native libraries to help you build your projects
Awesome React Native34,754about 2 years agoAwesome React Native components, news, tools, and learning material!

Awesome UI component library / Angular

AgnosticUIAccessible Angular Component Primitives (that also work with Svelte, React, and Vue 3)
AlfrescoAlfresco Application Development Framework (ADF) is set of Angular components with directives, pipes, and other interfaces. Should be treated as framework
Alyle UIMinimal Design, a set of components for Angular
AT Angular UIAngular 4.0+ front-end UI component library based on the rapid development of back-end products in PC websites
ClarityClarity is an open source design system by VMware that brings together UX guidelines, an HTML/CSS framework, and Angular components
CovalentTeradata UI Platform built on Angular Material
ElementInitially build for VueJs, Library provides a rich selection of customizable components along with a full style-guide
Fuel UIFuel-UI is a collection of native Angular 2 components, directives, and pipes for Bootstrap 4
NebularUI Toolkit with Components, Auth & Security for your next Angular7 App
NGX BootstrapBootstrap 3/Bootstrap 4 Components with Angular, for both Mobile and Desktop
NGX ScrollTop30about 2 years agoLightweight, Material Design inspired button for scroll-to-top of the page
NGX UIComponent & Style Library for Angular by Swimlane
NG Bootstrapreplacing bootstrap which is no longer maintained, it provides Bootstrap 4 components for Angular with no 3rd party JS dependencies
NG LightningAngular components built for the Saleforce Lightning Design System
NG Semantic-UIAngular UI building blocks based on Semantic-UI
NG-ZORRONG-ZORRO components aim to provide an enterprise-class UI based on Ant Design
Material 2Angular’s official component library implementing Google’s material design, built with Angular and TypeScript
MDBootstrapMaterial Design UI KIT based on Bootstrap 4
Onsen UIMore than 100 components are specially made for Material and Flat design based on original the Onsen UI framework
PatternFly NGA set of Angular 6+ components for the . It also has support for Angular 4 and 5
Prime NGThis project which provides a rich and unique selection of over 60 UI components with multiple themes
Primer ComponentsReact components for the
Semantic UI Angular557over 9 years agoSemantic UI Angular is the official Angular integration for Semantic UI.It’s used by Netflix, Amazon and other major organizations
Essential JS 2 for Angular by SyncfusionOver 60 high-performance, lightweight, modular, and responsive UI components for Angular
NG Particles7,799almost 2 years agoAngular component for easily add fully customizable particles animations to websites and web applications

Awesome UI component library / Angular / Special use case libraries

NG2 ChartsAngular directives for 6 different types of charts, with properties based on chart.js
NG2 DragulaOfficial Angular wrapper for dragula for drag and drop
Awesome Angular9,558almost 2 years agoA curated list of awesome Angular resources
Awesome Angular Components3,229over 4 years agoCatalog of Angular 2+ Components & Libraries

Awesome UI component library / EmberJS

Ember BootstrapEmber-cli addon for using Bootstrap as native Ember components
Ember ComponentsThis project aims to be the successor of project as all components on this suite are not bound to any specific CSS framework
Ember Material DesignImplementation of Material Design in EmberJS
Ember Material LiteMaterial Design Lite for Ember.js Apps
Ember UIkit26almost 2 years agoThis 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 EmberSemantic UI Ember is the official EmberJS integration for Semantic UI.It’s used by Netflix, Amazon and other major organizations
SL Ember ComponentsAn Ember CLI Addon that provides a variety of UI components
UI-bootstrap12about 9 years agoAn Ember-flavoured Bootstrap 4.x eco-system

Awesome UI component library / EmberJS / Special use case libraries

AnyChart-EmberAnyChart Component for Ember CLI provides an easy way to use AnyChart JavaScript Charts with Ember Framework
Awesome Ember301about 7 years agoA curated list of awesome Ember.js things

Awesome UI component library / Mithril

Construct UIA UI kit for mithriljs with many common components inspired by blueprint
PolytheneMaterial Design component library for Mithril
Mithril-Materializeda materialized-CSS Mithril components library
mithril-ui35over 8 years agoUI components for Mithril.js
Awesome Mithril206over 3 years agoA curated list of Mithril awesome

Awesome UI component library / Web Components

AybolitLightweight, standards-based, framework agnostic web components library built with LitElement
Elix827over 3 years agoHigh-quality, customizable web components for common user interface patterns
Material Web Components9,441almost 2 years agoMaterial Design implemented as Web Components
Material Web Components (Custom Elements)by DannyMoerkerke - Custom Elements for Material Design
Vaadin components557almost 2 years agoEvolving set of high-quality web components for building business web applications
Wired Elements10,537almost 3 years agoSet of common UI elements with a hand-drawn, sketchy look
Web Components the Right Way2,971over 2 years agoA curated list of awesome Web Components resources

Awesome UI component library / A11y Components

a11y-contrast37over 2 years ago— A CLI utility to calculate/verify accessible magic numbers for a color palette
a11y-dialog2,423almost 2 years agoA very lightweight and flexible accessible modal dialog script
react-a11y-dialog173almost 2 years agoPort of a11y-dialog to React
vue-a11y-dialog97about 3 years agoPort of a11y-dialog to Vue
svelte-a11y-dialog7over 4 years agoPort of a11y-dialog to Svelte
a11y-tabs11almost 5 years agoA 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 components659almost 3 years ago— Listing of accessible components & patterns
Deque Cauldron— A fullyaccessibleHTML, CSS, and Javascript front-end framework for creating web and mobile applications

Awesome UI component library / Some Community conversations

What are some of the ui libraries you used?
Checked 21 react ui kits briefly, I'm done!
How many ui libraries is enough?

Awesome UI component library / Styleguides

Awesome UX Designs82almost 2 years ago
styleguides.ioWebsite Style Guide Resources
Design Systems GalleryA comprehensive and curated list of design systems, style guides and pattern libraries that you can use for inspiration

Backlinks from these awesome lists:

More related projects: