Curated list of framework component libraries for UI styles/toolkit/design systems
Design System - A comprehensive guide to design systems
This list doesn't include individual component libraries like button, select, forms, etc
- React components based on AmazeUI
- React.js-based mobile web component
library
- Futuristic Sci-Fi and Cyberpunk Graphical User
Interface Framework for Web Apps
- An enterprise-class UI design language and
React-based implementation. Ant-design Pro is available here
- Backpack Design System used to build skyscanner
products
- Component library to build the Lonely Planet UI
experience.
- A React Component library implementing the Base
UI design
- 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 acts as a central repository for
reuseable React components and common styles for AppearHere. It is
bootstrapped with create-react-app.
- React components for Help Scout’s Design
System
- A React-based UI toolkit for building complex,
data-dense web interfaces for desktop applications.
- Buffer’s shared collection of React UI
components
- React UI Components used in Buttercup
products
- React components according to IBM’s Carbon design system
- Cloudflare UI Framework
- Modular & Accessible UI Components for your
React Applications
- Component library for Auth0 Design System
- Over 170 responsive design blocks ready to be
used in your web or mobile apps. All blocks are based on the Bootstrap
Library
- The Elastic UI Framework is a collection of
React UI components for quickly building user interfaces at Elastic
- Initially build for VueJs, Library provides a
rich selection of customizable components along with a full
style-guide
- A UI Toolkit for React.js Websites and Apps
- Evergreen is a React UI Framework from Segment
for products on the web.
- A set of React components for building
experiences for Office and Office 365 by Microsoft, written in
Typescript.
- falcon-ui is a library of composable, themable,
design-system-driven UI components for React.
- is a library of React components for creating
web interfaces at Alfa-Bank
- Library of reusable web frontend components for
Fyndiq
- Garden React components based on garden
css
- A set of React UI components that supports
Pinterest’s design language.
- An implementation of the GOV.UK Design System
in React using CSSinJS using Object notation (with
styled-components).
- React-based framework that provides
accessibility, modularity, responsiveness, and theming.
- GumGum’s React Reusable Component Library
- Component inspired by Priceline’s design
system
- A react UIKit with nijigen style.
- Design kit by Alibaba
- A UI Component Library made by Instructure,
Inc
- Khan’s academy’s React UI components released
to the community
- Klarna’s UI components library for React
- Free Modern and Customizable UI
components.
- Landing page components built with React,
Shadcn/ui and Tailwind that will make your website feel premium.
- This library is the React implementation of the
Salesforce Lightning
Design System
- Create stunning and engaging landing pages with
free, open-source animated components that are easy to customize.
- Components that implement Google’s Material
Design. Example usage can be seen here.
- Material Design UI KIT based on Bootstrap
4
- The MongoDB Design System contains the UI
building blocks that make up the user experience across all MongoDB
products.
- A design system and React component library for
the web that lets you quickly build high-quality, accessible apps.
Created by CA Technologies
- Nice! React provides UI elements from the Nice!
UI library in the form of React components
- Textkernel OneUI library of reusable UI
components
- More than 100 components are specially made for
Material and Flat design based on original the Onsen UI framework
- Orbit-components is a React component library.
Based on Kiwi’s design which governs their product style.
- In Loco’s component library, based on React
Semantic UI.
- A set of React components for the PatternFly
project which is built on top of Bootstrap 3.
- Pivotal UI is a collection of React components
that are styled for the Pivotal brand
- The UI building blocks for creating a cohesive
design across Pluralsight products
- Polaris React is a component library based on
Shopify’s
Polaris style - The UI building blocks for creating a cohesive
design across Pluralsight products.
- This project which provides a rich and unique
selection of over 60 UI components with multiple themes
- Common components used across Quran.com,
Quranicaudio.com and Salah.com
- The Comprehensive Bulma UI Framework for
React
- Toolkit for building really interactive UIs and
components are WAI-ARIA compliant and all components are in accordance
with the Single Element Pattern
- The Accessible Foundation for React Apps and
Design Systems
- React UI library build with styled-components
which provides cross-browser support
- Stateless React Bootstrap 4 components that
favor composition and control. The library does not depend on jQuery or
Bootstrap javascript
- A React components library with Win95 UI
- React-Bootstrap is a complete re-implementation
of the Bootstrap 3 components using React.
- UI component library which aims to bring a
native desktop experience to the web, featuring many macOS Sierra and
Windows 10 components.
- React components for Foundation UI Design.
- React components for Ionic which allows us to
build iOS and Android apps that are indistinguishable from native
apps.
- React Material Web Components, wraps Google’s
Official Material Design Components. Includes Flow and Typescript types.
Individually packaged components.
- Material design for react, powered by
materialize.css
- React toolkit for building a web app with
Google’s Material Design with very highly customizable themes and
styling (Sass) - A powerful react native starter template that
bootstraps development of your mobile application.
- Responsive React UI components
- set of React components that implement Google’s
Material Design specification. It’s powered by CSS Modules and
harmoniously integrates with your webpack workflow.
- A collection of components for React, based on
bootstrap 4.0. This project is no longer maintained.
- Collection of React components using the UIkit
CSS framework.
- React Components that Implement Microsoft’s UWP
Design & Fluent Design
- WeUI Components build with React inspired by
WeChat
- React UI component library & design system,
built with styled-components and styled-system. It’s a great choice for
Styled-components fans.
- A library of UI components, built using React,
recompose, styled-components and styled-system.
- This collection of UI components aims to
provide all of the necessary building blocks for web-based products
built inside JetBrains
- RSUITE (React Suite) is a set of react
component libraries for enterprise system products.
- concise mobile UI component library
- Living style guide for SEEK, powered by React,
webpack, CSS Modules and Less.
- 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
A library of hundreds of blocks built with React,
shadcn/ui and Tailwind.
- Shards React is a free, beautiful and modern
React UI kit based on Shards
- Smooth UI is a style system / UI library for
React. It works with Styled Components
- Snacks is a JavaScript and React based
component library. It has a default theme matching Instacart’s
styles.
- 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 is a set of specifications and tools
for building UI libraries. It is based on a fork of Semantic UI
React (SUIR).
- A theme-able components library for React which
support i18n.
- Go-to library for React developers who want to
build inclusive and accessible sites. Recommended for accessibility
(a11y).
- A high quality UI Toolkit, A Component Library
for React 16+
- A React UI Component Suites living for
enterprise application by Alibaba, Inc.
- Reusable component framework for Yammer.com, it
is built with React on top of Office UI Fabric components
- The VTEX Design System backed by React component
library
- React v16-based front-end UI component library
for rapid development of mobile pages
- Zent is a React component library developed and
used at Youzan with more than 50 components for now.
- Zero-UI is an easy-to-use web UI component
framework which includes a set of useful components.
- A Chinese style component library powered by
React[Paid]Essential JS 2 for
React by Syncfusion - Over 60 high-performance, lightweight,
modular, and responsive UI components for React.[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]KendoReact - 90+
professional UI components built from the ground up for React -
responsive, accessible and feature rich.[Paid]Mobiscroll - React components
for Mobile UI Controls.[Paid]Wijmo React - React
components for Wizmo Toolkit from grapeCity.
- A collection of loading spinners with
React.js
- Nivo provides a rich set of dataviz components,
built on top of the awesome d3 and Reactjs libraries.
- Redefined chart library components built with
D3
- A collection of pure CSS React loading
components
- Reusable react components for spinners
- React components for virtualizing large data
sets for efficiently rendering lists and tabular data
- Add spreadsheet-like behavior to your React
app
- Font Awesome, Feather, Material Design, and
Octicons icon packs as Styled Components[Paid] ag-grid -
Cross platform components for Grid/Tables[Paid] Get Data
Den - Plugin that extends your projects functionality with a table
componentBit 
— End-to-end component sharing and management. It
takes care of component development and publishing in your library
(automatic dependency resolution, versioning etc), making each of them
individually useful to consume and develop anywhere, so teams can manage
and share components at scale.
react-sketchapp 
— render React components to Sketch; tailor-made
for design systems
- Collection of useful React components
- A fresh and flat UI-Kit specially for desktop
application
- Next Generation Material UI for Vue.js
- comprehensive implementations of Bootstrap 4
components and grid system for Vue.js and with extensive and automated
WAI-ARIA accessibility markup.
- Lightweight UI components for Vue.js based on
Bulma, which are the library’s only two internal dependencies
- Carvue is a UI components library which is
based on Carbon-Design and VueJS.
- 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 is a UI component library for mobile
apps
- Library provides a rich selection of
customizable components along with a full style-guide based on Vue
2.0
- Enterprise UI for Vue.js. Based on ONE DESIGN
from Baidu, Inc.
- provides a Vue-based web toolkit with neat and
clean looking components. The library supports a ES2015 + Webpack
workflow
- Responsive, Multi Language, Both Direction
Support and Configurable UI Framework based on Vue.js
- Full featured HTML framework for building iOS
& Android apps
- UI Toolkit for Vue2.0 with cli and utils as
part of ecosystem
- iView provides dozens of UI components and
widgets built with Vue.js and styled with a clean and elegant
design
- The goal of jsmod is to provide a high degree
of freedom (high scalability) ui components, and unified desktop and
mobile usage
- 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.
- A mobile UI toolkit, based on Vue.js 2,
designed for financial scenarios.
- Material-components-vue integrates the mdc-web
(by google) vanilla components
- Material Design UI KIT based on Bootstrap
4
- Mobile UI elements for Vue.js
- Muse UI has more than 40 UI components and
customizable themes for Google’s Material Design
- A set of Jingdong-style lightweight mobile Vue
component library
- 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 implementation for Vue.js,
build with office-ui-fabric-js - More than 100 components are specially made for
Material and Flat design based on original the Onsen UI framework
- A prototyping component library build for
Vue.js from grid to UI elements
- Responsive Single Page Apps, Server-side Render
Apps, Progressive Web Apps, Hybrid Mobile Apps (that look native!) &
Electron Apps with theming support.
- 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 is the official VueJS
integration for Semantic UI.It’s used by Netflix, Amazon and other major
organizations.
- Semantic-ui components easy in your vue
project
- The home base for Apollo’s design system, Space
Kit provides essential design resources for developers to use in the
Apollo-branded interfaces.
- UI components for official Vue organization
apps
- 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
- Lightweight Mobile UI Components built on
Vue
- Vue.js components implemented according to
Google’s material design guidelines. Vuetify supports all modern
browsers across platforms, including IE11 and Safari 9+
- UI Component Library Base on Vue.js(2.x) and
Bulma
- A minimilistic set of components designed for
the insomniacs who enjoy dark interfaces as much as we do.
- Component library for VueJS framework with
around 40 components with support of 20+ themes.
- Translate Bulma css api to vue components
- Material design style mobile UI library, design
resource reference FrameWork7
- 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 is a framework to build cross
platform native mobile apps using JavaScript
- Integration of Material Components for Vue.js
which follows the best practices recommended by Google
- This is the adaptation of Material Components
web for Vue.js
- A mobile components Library with Vue2.js
- Native desktop applications using Vue.js.
- A responsive Vue 2 UI library for web site
interfaces based on the UIkit 3 framework.
-Mobile UI Components based on WeUI
- Integration of semantic-ui2 with vue.js2.
- Here is the Vue implementation of Ant Design,
which develops and serves enterprise back-end products.
- UI components build with vue and ant
design
- Vuestrap Base Components extend Bootstrap 4.
Built with vuestrap, plain Vue.js and Webpack.
- Vuejs components and directives written using
Bootstrap v4, leveraging the official Bootstrap JS.
- Vuesax is a library of Vuejs components that
facilitates front-end development and streamlines work with great visual
quality.
- a set of native Vue.js components based on
Bootstrap’s markup and CSS. No dependency on jQuery or Bootstrap’s
JavaScript.
- Lightweight mobile UI control library to
quickly build an app layout based on Vue 2.0
- A frontend library to develop zoomable user
interfaces[Paid]Essential JS 2 for
Vue by Syncfusion - Over 60 high-performance, lightweight, modular,
and responsive UI components for Vue.[Paid]Kendo UI for Vue - A
suite of UI components focused on business applications, with components
like the data grid
- Reusable Vue components for spinners[Paid]jQWidgets
- Vue components based on jqwidgets.
- A Ant design based configurable Mobile UI
component library based on React Native
- Highly customizable and theming components for
React Native
- A set of UI components for building React
Native apps.
- Customizable ready to use 30+ components which
works with React
Native for Web
- Essential cross-platform UI components for
React Native. One of best in class for React Native Lovers.
Recommended!
- Panza is a collection of stateless, functional
ui-components for react-native, and heavily inspired by the excellent
rebass library.
- A set of native Android UI components and
modules for React Native framework that are currently not implemented by
React Native core team
- Cross Platform React Native UI Toolkit &
API
- Cross Platform React Native UI Toolkit. Support
for customisation and provides an all-in-one UI kit for creating apps in
react native
- Chat UI components for React Native (formerly
known as Gifted Messenger)
- React Native components which implement
Material Design. (No longer maintained in favour of Material Paper)
- A set of UI components, in the purpose of
introducing Material Design to apps built with React Native
- Highly customizable material design components
for React Native. Demo for this toolkit can be seen here
- Component with follows Material design
guidelines v2.0, Better RTL Support and full theming options
- Mobile framework with easily customizable
elements which is able to create style configurations of components you
use the most (buttons, inputs etc.)
- UI Toolset & Components Library for React
Native
- “React Native for Web” makes it possible to run
React Native components and APIs on the web using React DOM
- UI kit with boiler plate for your React-Native
projects
- styleable components for React Native
applications for iOS and Android. All of our components are built to be
both composable and customizable.
- A UI library for react native, provides 20+
pure JS(ES6) components, focusing on content display and action
control.
- various customizable react native calendar
components.
- Add line, area, pie, and bar charts to your
React Native app
- React Native component for creating animated,
circular progress with ReactART
- A collection of animated loading indicators for
React Native
- Alfresco Application Development Framework
(ADF) is set of Angular components with directives, pipes, and other
interfaces. Should be treated as framework.
- Minimal Design, a set of components for
Angular.
- Angular 4.0+ front-end UI component library
based on the rapid development of back-end products in PC websites.
- Clarity is an open source design system by
VMware that brings together UX guidelines, an HTML/CSS framework, and
Angular components
- Teradata UI Platform built on Angular
Material
- Initially build for VueJs, Library provides a
rich selection of customizable components along with a full
style-guide
- Fuel-UI is a collection of native Angular 2
components, directives, and pipes for Bootstrap 4.
- UI Toolkit with Components, Auth & Security
for your next Angular7 App
- Bootstrap 3/Bootstrap 4 Components with
Angular, for both Mobile and Desktop.
- Lightweight, Material Design inspired button
for scroll-to-top of the page. No dependencies. Pure
Angular!
- Component & Style Library for Angular by
Swimlane.
- replacing angular-ui bootstrap
which is no longer maintained, it provides Bootstrap 4 components for
Angular with no 3rd party JS dependencies
- Angular components built for the Saleforce
Lightning Design System
- Angular UI building blocks based on
Semantic-UI
- NG-ZORRO components aim to provide an
enterprise-class UI based on Ant Design
- Angular’s official component library
implementing Google’s material design, built with Angular and
TypeScript
- Material Design UI KIT based on Bootstrap
4 - More than 100 components are specially made for
Material and Flat design based on original the Onsen UI framework
- A set of Angular 6+ components for the PatternFly
project. It also has support for Angular 4 and 5.
- This project which provides a rich and unique
selection of over 60 UI components with multiple themes
- React components for the Primer Design System
- Semantic UI Angular is the official Angular
integration for Semantic UI.It’s used by Netflix, Amazon and other major
organizations.[Paid]Essential JS 2
for Angular by Syncfusion - Over 60 high-performance, lightweight,
modular, and responsive UI components for Angular.
- Angular directives for 6 different types of
charts, with properties based on chart.js.
- Official Angular wrapper for dragula for drag
and drop
- Ember-cli addon for using Bootstrap as native
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.
- Implementation of Material Design in
EmberJS
- Material Design Lite for Ember.js Apps
- 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 is the official EmberJS
integration for Semantic UI.It’s used by Netflix, Amazon and other major
organizations.
- An Ember CLI Addon that provides a variety of
UI components.
- An Ember-flavoured Bootstrap 4.x
eco-system
- AnyChart Component for Ember CLI provides an
easy way to use AnyChart JavaScript Charts with Ember Framework
- A UI kit for mithriljs with many common
components inspired by blueprint
- Material Design component library for
Mithril
- a materialized-CSS Mithril components
library
- UI components for Mithril.js
- Lightweight, standards-based, framework
agnostic web components library built with LitElement
- High-quality, customizable web components for
common user interface patterns
- Material Design implemented as Web
Components
- Custom Elements for Material Design
- Evolving set of high-quality web components for
building business web applications
- Set of common UI elements with a hand-drawn,
sketchy look.Suggestions and PRs are welcome!
Please read the contribution guidelines to get started.
Creative Commons Zero v1.0 Universal 