Awesome Lists

awesome-ui-component-library

by anubhavsrivastava

awesome listJavaScriptpushed almost 2 years ago

Curated list of framework component libraries for UI styles/toolkit

AI summary

UI component library

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

stars
884
forks
75
watching
22
awesome lists
4
entries
282
View on GitHubanubhavsrivastava.github.io/awesome-ui-component-library

Embed the badge

Show how many awesome lists link to your project. The count updates automatically.

Awesome Lists badge
Markdown
[![Awesome Lists Badge](https://awesome.facts.dev/shield/anubhavsrivastava/awesome-ui-component-library/links.svg)](https://awesome.facts.dev/awesome/anubhavsrivastava/awesome-ui-component-library)
HTML
<a href="https://awesome.facts.dev/awesome/anubhavsrivastava/awesome-ui-component-library"><img src="https://awesome.facts.dev/shield/anubhavsrivastava/awesome-ui-component-library/links.svg" alt="Awesome Lists Badge" /></a>
Image URL
https://awesome.facts.dev/shield/anubhavsrivastava/awesome-ui-component-library/links.svg

What's in the list

282 links in 22 sections, with live GitHub stats.activeno commit in 2y

React

  • AgnosticUI

    Accessible React Component Primitives (that also work with Svelte, Vue 3, and Angular)

  • Amaze UI

    React components based on

  • 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

  • Atlaskit

    Atlasssian’s official React UI kit is the technical implementation of the Atlassian Design Guidelines (ADG)

  • Backpack

    Backpack Design System used to build skyscanner products

  • Backpack UI

    Component library to build the Lonely Planet UI experience

  • Base UI

    A React Component library implementing the Base UI design

  • Belle

    A set of React components optimized for mobile & desktop with highly customizable styles which can be configured on the base level as well individually for each one of them

  • Bloom

    Bloom acts as a central repository for reuseable React components and common styles for AppearHere. It is bootstrapped with create-react-app

  • Blue

    React components for Help Scout's Design System

  • Blueprint

    A React-based UI toolkit for building complex, data-dense web interfaces for desktop applications

  • Buffer

    Buffer's shared collection of React UI components

  • Buttercup UI

    React UI Components used in Buttercup products

  • Carbon

    React components according to IBM’s

  • Canvas

    HubSpot Canvas is the design system that HubSpot uses to build products

  • cf-design

    Cloudflare UI Framework

  • chakra-ui

    Modular & Accessible UI Components for your React Applications

  • Cosmos

    Component library for Auth0 Design System

  • design-blocks

    Over 170 responsive design blocks ready to be used in your web or mobile apps. All blocks are based on the Bootstrap Library

  • Elastic

    The Elastic UI Framework is a collection of React UI components for quickly building user interfaces at Elastic

  • Element

    Initially build for VueJs, Library provides a rich selection of customizable components along with a full style-guide

  • Elemental UI

    A UI Toolkit for React.js Websites and Apps

  • Evergreen

    Evergreen is a React UI Framework from Segment for products on the web

  • Fabric

    A set of React components for building experiences for Office and Office 365 by Microsoft, written in Typescript

  • Falcon UI

    falcon-ui is a library of composable, themable, design-system-driven UI components for React

  • Feather

    is a library of React components for creating web interfaces at Alfa-Bank

  • Feelix

    collection of front-end interface elements that can be reused across the MYOB browser-based products

  • FYNDIQ-UI

    Library of reusable web frontend components for Fyndiq

  • Garden

    Garden React components based on garden css

  • Gestalt

    A set of React UI components that supports Pinterest’s design language

  • GovUK React

    An implementation of the GOV.UK Design System in React using CSSinJS using Object notation (with styled-components)

  • Grommet

    React-based framework that provides accessibility, modularity, responsiveness, and theming

  • Gumdrops

    GumGum's React Reusable Component Library

  • Hack Club's design system

    Component inspired by Priceline's design system

  • Hana UI

    A react UIKit with nijigen style

  • Ice

    Design kit by Alibaba

  • Instructure UI

    A UI Component Library made by Instructure, Inc

  • KhanAcademy React

    Khan’s academy’s React UI components released to the community

  • Klarna UI

    Klarna's UI components library for React

  • Kokonut UI

    Free Modern and Customizable UI components

  • Launch UI

    Landing page components built with React, Shadcn/ui and Tailwind that will make your website feel premium

  • Lightning Design System

    This library is the React implementation of the Salesforce

  • Magic UI

    Create stunning and engaging landing pages with free, open-source animated components that are easy to customize

  • Material UI

    Components that implement Google's Material Design. Example usage can be seen

  • 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

  • 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 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

  • 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

  • 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 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 Native Starter

    A powerful react native starter template that bootstraps development of your mobile application

  • 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

  • Shards

    Shards React is a free, beautiful and modern React UI kit based on

  • 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

  • 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

  • Uniform

    Uniform is Hudl’s design system. It exists to unify Hudl’s products through design and code implementation

  • 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

  • Essential JS 2 for React by Syncfusion

    Over 60 high-performance, lightweight, modular, and responsive UI components for React

  • ExtReact

    115+ pre-built UI components that are fully supported and designed to interact and work together, from Sencha UI

  • jQWidgets

    React components based on jqwidgets

  • KendoReact

    90+ professional UI components built from the ground up for React - responsive, accessible and feature rich

  • Mobiscroll

    React components for Mobile UI Controls

  • 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

React / 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

  • ReactGrid

    Add spreadsheet-like behavior to your React app

  • Styled Icons

    Font Awesome, Feather, Material Design, and Octicons icon packs as Styled Components

  • ag-grid

    Cross platform components for Grid/Tables

  • Get Data Den

    Plugin that extends your projects functionality with a table component

VueJS

  • AgnosticUI

    Accessible Vue 3 Component Primitives (that also work with Svelte, React, and Angular)

  • 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

  • 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

  • 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

  • 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

  • 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

  • Kendo UI for Vue

    A suite of UI components focused on business applications, with components like the data grid

  • vue-file-upload

    A file management system built that allows for single and multiple file uploading with a preview feature

VueJS / Special use case libraries

  • Awesome Vue

    A curated list of awesome things related to Vue.js

React Native

  • 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

  • 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

  • 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 / Special use case libraries

  • 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!

Angular

  • AgnosticUI

    Accessible Angular Component Primitives (that also work with Svelte, React, and Vue 3)

  • 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

  • NGX UI

    Component & Style Library for Angular by Swimlane

  • NG Bootstrap

    replacing 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 . 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

  • Semantic UI Angular

    Semantic 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 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

Angular / 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

EmberJS

  • Ember Bootstrap

    Ember-cli addon for using Bootstrap as native Ember components

  • Ember Components

    This project aims to be the successor of 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

EmberJS / Special use case libraries

  • AnyChart-Ember

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

  • 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

Web Components

  • 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

A11y Components

  • 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

Some Community conversations

Styleguides

More related projects

Add a GitHub project

Missing a project or an awesome list? Paste its GitHub URL and we fetch it right away.