239 KiB
239 KiB
Awesome UI component library
!HitCount (http://hits.dwyl.io/anubhavsrivastava/awesome-ui-component-library.svg) (http://hits.dwyl.io/anubhavsrivastava/awesome-ui-component-library)
!PRs Welcome (https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square) (http://makeapullrequest.com)
!Contributors (https://badgen.net/github/contributors/anubhavsrivastava/awesome-ui-component-library) (https://github.com/anubhavsrivastava/awesome-ui-component-library/graphs/contributors)
!Awesome (https://awesome.re/badge.svg) (https://awesome.re)
▐ Curated list of framework component libraries for UI styles/toolkit/design systems
Design System - A comprehensive guide to design systems (https://www.invisionapp.com/inside-design/guide-to-design-systems/)
This list doesn't include individual component libraries like button, select, forms, etc
Related List - Awesome UX Design Styleguides (https://github.com/anubhavsrivastava/awesome-ux-design-styles)
Contents
- React (#react)
- **Special use case libraries** (#special-use-case-libraries)
- **Tools** (#tools)
- **Related community list** (#related-community-list)
- VueJS (#vuejs)
- **Special use case libraries** (#special-use-case-libraries-1)
- **Related community list** (#related-community-list-1)
- React Native (#react-native)
- **Special use case libraries** (#special-use-case-libraries-2)
- **Related community list** (#related-community-list-2)
- Angular (#angular)
- **Special use case libraries** (#special-use-case-libraries-3)
- **Related community list** (#related-community-list-3)
- EmberJS (#emberjs)
- **Special use case libraries** (#special-use-case-libraries-4)
- **Related community list** (#related-community-list-4)
- Mithril (#mithril)
- **Related community list** (#related-community-list-5)
- Web Components (#web-components)
- **Related community list** (#related-community-list-6)
- Some Community conversations (#some-community-conversations)
- Styleguides (#styleguides)
- Contribution (#contribution)
- License (#license)
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
React
- AgnosticUI (https://www.agnosticui.com/) - Accessible React Component Primitives (that also work with Svelte, Vue 3, and Angular).
- Amaze UI (http://amazeui.org/react/) !Repo Star (https://img.shields.io/github/stars/amazeui/amazeui-react.svg?label=&style=social) (https://github.com/amazeui/amazeui-react) - React
components based on AmazeUI (http://amazeui.org/)
- Amaze UI Touch (http://t.amazeui.org) !Repo Star (https://img.shields.io/github/stars/amazeui/amazeui-touch.svg?label=&style=social) (https://github.com/amazeui/amazeui-touch/) -
React.js-based mobile web component library
- ARWES (https://arwes.dev/) !Repo Star (https://img.shields.io/github/stars/arwesjs/arwes.svg?label=&style=social) (https://github.com/arwesjs/arwes) - Futuristic Sci-Fi and Cyberpunk
Graphical User Interface Framework for Web Apps
- Ant Design React (https://ant.design/) !Repo Star (https://img.shields.io/github/stars/ant-design/ant-design.svg?label=&style=social) (https://github.com/ant-design/ant-design) - An
enterprise-class UI design language and React-based implementation. Ant-design Pro is available here (https://github.com/ant-design/ant-design-pro)
- Atlaskit (https://atlaskit.atlassian.com/) - Atlasssian’s official React UI kit is the technical implementation of the Atlassian Design Guidelines (ADG)
- Backpack (https://backpack.github.io/components) !Repo Star (https://img.shields.io/github/stars/Skyscanner/backpack.svg?label=&style=social) (https://github.com/Skyscanner/backpack) -
Backpack Design System used to build skyscanner products
- Backpack UI (https://lonelyplanet.github.io/backpack-ui) !Repo Star (https://img.shields.io/github/stars/lonelyplanet/backpack-ui.svg?label=&style=social)
(https://github.com/lonelyplanet/backpack-ui) - Component library to build the Lonely Planet UI experience.
- Base UI (https://baseui.netlify.com) !Repo Star (https://img.shields.io/github/stars/uber-web/baseui.svg?label=&style=social) (https://github.com/uber-web/baseui) - A React Component
library implementing the Base UI design
- Belle (http://nikgraf.github.io/) !Repo Star (https://img.shields.io/github/stars/nikgraf/belle.svg?label=&style=social) (https://github.com/nikgraf/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 (https://bloom.appearhere.co.uk) !Repo Star (https://img.shields.io/github/stars/appearhere/bloom.svg?label=&style=social) (https://github.com/appearhere/bloom) - Bloom acts as a
central repository for reuseable React components and common styles for AppearHere. It is bootstrapped with create-react-app.
- Blue (https://helpscout.gitbook.io/hsds-react/) !Repo Star (https://img.shields.io/github/stars/helpscout/hsds-react.svg?label=&style=social) (https://github.com/helpscout/hsds-react) -
React components for Help Scout's Design System
- Blueprint (https://blueprintjs.com/) !Repo Star (https://img.shields.io/github/stars/palantir/blueprint.svg?label=&style=social) (https://github.com/palantir/blueprint) - A React-based UI
toolkit for building complex, data-dense web interfaces for desktop applications.
- Buffer (https://bufferapp.github.io/buffer-components) !Repo Star (https://img.shields.io/github/stars/bufferapp/buffer-components.svg?label=&style=social)
(https://github.com/bufferapp/buffer-components) - Buffer's shared collection of React UI components
- Buttercup UI (https://buttercup.pw/) !Repo Star (https://img.shields.io/github/stars/buttercup/ui.svg?label=&style=social) (https://github.com/buttercup/ui) - React UI Components used in
Buttercup products
- Carbon (http://react.carbondesignsystem.com) !Repo Star (https://img.shields.io/github/stars/IBM/carbon-components-react.svg?label=&style=social)
(https://github.com/IBM/carbon-components-react) - React components according to IBM’s Carbon design system (http://carbondesignsystem.com/)
- Canvas (https://canvas.hubspot.com/components) - HubSpot Canvas is the design system that HubSpot uses to build products.
- cf-design (https://cloudflare.github.io/cf-ui) !Repo Star (https://img.shields.io/github/stars/cloudflare/cf-ui.svg?label=&style=social) (https://github.com/cloudflare/cf-ui) - Cloudflare
UI Framework
- chakra-ui (https://chakra-ui.com/) !Repo Star (https://img.shields.io/github/stars/chakra-ui/chakra-ui.svg?label=&style=social) (https://github.com/chakra-ui/chakra-ui) - Modular &
Accessible UI Components for your React Applications
- Cosmos (https://auth0-cosmos.now.sh) !Repo Star (https://img.shields.io/github/stars/auth0/cosmos.svg?label=&style=social) (https://github.com/auth0/cosmos) - Component library for Auth0
Design System
- design-blocks (https://www.froala.com/design-blocks) !Repo Star (https://img.shields.io/github/stars/froala/react-froala-design-blocks.svg?label=&style=social)
(https://github.com/froala/react-froala-design-blocks) - Over 170 responsive design blocks ready to be used in your web or mobile apps. All blocks are based on the Bootstrap Library
- Elastic (https://elastic.github.io/eui/) !Repo Star (https://img.shields.io/github/stars/elastic/eui.svg?label=&style=social) (https://github.com/elastic/eui) - The Elastic UI Framework
is a collection of React UI components for quickly building user interfaces at Elastic
- Element (https://elemefe.github.io/element-react) !Repo Star (https://img.shields.io/github/stars/ElemeFE/element-react.svg?label=&style=social) (https://github.com/ElemeFE/element-react)
- Initially build for VueJs, Library provides a rich selection of customizable components along with a full style-guide
- Elemental UI (http://elemental-ui.com/) !Repo Star (https://img.shields.io/github/stars/elementalui/elemental.svg?label=&style=social) (https://github.com/elementalui/elemental)- A UI
Toolkit for React.js Websites and Apps
- Evergreen (https://evergreen.segment.com/) !Repo Star (https://img.shields.io/github/stars/segmentio/evergreen.svg?label=&style=social) (https://github.com/segmentio/evergreen) -
Evergreen is a React UI Framework from Segment for products on the web.
- Fabric (https://developer.microsoft.com/en-us/fabric) !Repo Star (https://img.shields.io/github/stars/OfficeDev/office-ui-fabric-react.svg?label=&style=social)
(https://github.com/OfficeDev/office-ui-fabric-react) - A set of React components for building experiences for Office and Office 365 by Microsoft, written in Typescript.
- Falcon UI (https://falcon-ui.docs.deity.io/) !Repo Star (https://img.shields.io/github/stars/deity-io/falcon.svg?label=&style=social)
(https://github.com/deity-io/falcon/tree/master/packages/falcon-ui) - falcon-ui is a library of composable, themable, design-system-driven UI components for React.
- Feather (https://design.alfabank.ru/) !Repo Star (https://img.shields.io/github/stars/alfa-laboratory/arui-feather.svg?label=&style=social)
(https://github.com/alfa-laboratory/arui-feather) - is a library of React components for creating web interfaces at Alfa-Bank
- Feelix (https://feelix.myob.com/) - collection of front-end interface elements that can be reused across the MYOB browser-based products.
- FYNDIQ-UI (http://developers.fyndiq.com/fyndiq-ui) !Repo Star (https://img.shields.io/github/stars/fyndiq/fyndiq-ui.svg?label=&style=social) (https://github.com/fyndiq/fyndiq-ui) -
Library of reusable web frontend components for Fyndiq
- Garden (https://garden.zendesk.com/react-components/) !Repo Star (https://img.shields.io/github/stars/zendeskgarden/react-components.svg?label=&style=social)
(https://github.com/zendeskgarden/react-components) - Garden React components based on garden css
- Gestalt (https://pinterest.github.io/gestalt/) !Repo Star (https://img.shields.io/github/stars/pinterest/gestalt.svg?label=&style=social) (https://github.com/pinterest/gestalt) - A set of
React UI components that supports Pinterest’s design language.
- GovUK React (https://govuk-react.github.io/govuk-react/) !Repo Star (https://img.shields.io/github/stars/govuk-react/govuk-react.svg?label=&style=social)
(https://github.com/govuk-react/govuk-react/) - An implementation of the GOV.UK Design System in React using CSSinJS using Object notation (with styled-components).
- Grommet (https://v2.grommet.io/) !Repo Star (https://img.shields.io/github/stars/grommet/grommet.svg?label=&style=social) (https://github.com/grommet/grommet) - React-based framework that
provides accessibility, modularity, responsiveness, and theming.
- Gumdrops (https://gumdrops.gumgum.com/) !Repo Star (https://img.shields.io/github/stars/gumgum/gumdrops.svg?label=&style=social) (https://github.com/gumgum/gumdrops) - GumGum's React
Reusable Component Library
- Hack Club's design system (https://design.hackclub.com) !Repo Star (https://img.shields.io/github/stars/hackclub/design-system.svg?label=&style=social)
(https://github.com/hackclub/design-system) - Component inspired by Priceline's design system
- Hana UI (https://hana-ui.moe/en/overview) !Repo Star (https://img.shields.io/github/stars/hana-group/hana-ui.svg?label=&style=social) (https://github.com/hana-group/hana-ui) - A react
UIKit with nijigen style.
- Ice (https://alibaba.github.io/ice/) !Repo Star (https://img.shields.io/github/stars/alibaba/ice.svg?label=&style=social) (https://github.com/alibaba/ice/) - Design kit by Alibaba
- Instructure UI (https://instructure.design/) !Repo Star (https://img.shields.io/github/stars/instructure/instructure-ui.svg?label=&style=social)
(https://github.com/instructure/instructure-ui) - A UI Component Library made by Instructure, Inc
- KhanAcademy React (http://khan.github.io/react-components/) !Repo Star (https://img.shields.io/github/stars/Khan/react-components.svg?label=&style=social)
(https://github.com/Khan/react-components) - Khan’s academy’s React UI components released to the community
- Klarna UI (https://klarna.github.io/ui/) !Repo Star (https://img.shields.io/github/stars/klarna/ui.svg?label=&style=social) (https://github.com/klarna/ui) - Klarna's UI components library
for React
- Lightning Design System (https://react.lightningdesignsystem.com/) !Repo Star (https://img.shields.io/github/stars/salesforce/design-system-react.svg?label=&style=social)
(https://github.com/salesforce/design-system-react) - This library is the React implementation of the Salesforce Lightning Design System (https://www.lightningdesignsystem.com/)
- Material UI (https://material-ui.com/) !Repo Star (https://img.shields.io/github/stars/mui-org/material-ui.svg?label=&style=social) (https://github.com/mui-org/material-ui) - Components
that implement Google's Material Design. Example usage can be seen here (https://material-ui.com/getting-started/example-projects/).
- MDBootstrap (http://mdbootstrap.com/material-design-for-bootstrap/) !Repo Star
(https://img.shields.io/github/stars/mdbootstrap/React-Bootstrap-with-Material-Design.svg?label=&style=social) (https://github.com/mdbootstrap/React-Bootstrap-with-Material-Design) - Material
Design UI KIT based on Bootstrap 4
- MongoDB UI Design (http://mongodb.design) !Repo Star (https://img.shields.io/github/stars/mongodb/design.svg?label=&style=social) (https://github.com/mongodb/design) - The MongoDB Design
System contains the UI building blocks that make up the user experience across all MongoDB products.
- Mineral UI (https://mineral-ui.com/) !Repo Star (https://img.shields.io/github/stars/mineral-ui/mineral-ui.svg?label=&style=social) (https://github.com/mineral-ui/mineral-ui) - A design
system and React component library for the web that lets you quickly build high-quality, accessible apps. Created by CA Technologies (https://www.ca.com)
- Nice! React (https://github.com/textkernel/nice-react) !Repo Star (https://img.shields.io/github/stars/textkernel/nice-react.svg?label=&style=social)
(https://github.com/textkernel/nice-react) - Nice! React provides UI elements from the Nice! UI library in the form of React components
- OneUI (https://textkernel.github.io/oneui) !Repo Star (https://img.shields.io/github/stars/textkernel/oneui.svg?label=&style=social) (https://github.com/textkernel/oneui) - Textkernel
OneUI library of reusable UI components
- Onsen UI React (https://onsen.io/react/) !Repo Star (https://img.shields.io/github/stars/OnsenUI/OnsenUI.svg?label=&style=social) (https://github.com/OnsenUI/OnsenUI) - More than 100
components are specially made for Material and Flat design based on original the Onsen UI framework
- Orbit Components (https://orbit.kiwi/) !Repo Star (https://img.shields.io/github/stars/kiwicom/orbit-components.svg?label=&style=social) (https://github.com/kiwicom/orbit-components/) -
Orbit-components is a React component library. Based on Kiwi's design which governs their product style.
- Orion (https://inloco.github.io/orion/) !Repo Star (https://img.shields.io/github/stars/inloco/orion.svg?label=&style=social) (https://github.com/inloco/orion) - In Loco's component
library, based on React Semantic UI.
- PatternFly React (https://www.patternfly.org) !Repo Star (https://img.shields.io/github/stars/patternfly/patternfly-react.svg?label=&style=social)
(https://github.com/patternfly/patternfly-react) - A set of React components for the PatternFly project (https://github.com/patternfly/patternfly-design-kit) which is built on top of
Bootstrap 3.
- Pivotal UI (https://styleguide.pivotal.io) !Repo Star (https://img.shields.io/github/stars/pivotal-cf/pivotal-ui.svg?label=&style=social) (https://github.com/pivotal-cf/pivotal-ui) -
Pivotal UI is a collection of React components that are styled for the Pivotal brand
- Plasma (http://plasma.guide/) !Repo Star (https://img.shields.io/github/stars/wework/plasma.svg?label=&style=social) (https://github.com/wework/plasma) - Plasma is a design system for
creating sensible, modern interfaces.
- Pluralsight Design System (https://design-system.pluralsight.com) !Repo Star (https://img.shields.io/github/stars/pluralsight/design-system.svg?label=&style=social)
(https://github.com/pluralsight/design-system) - The UI building blocks for creating a cohesive design across Pluralsight products
- Polaris React (https://polaris.shopify.com/) !Repo Star (https://img.shields.io/github/stars/Shopify/polaris-react.svg?label=&style=social) (https://github.com/Shopify/polaris-react) -
Polaris React is a component library based on Shopify's Polaris style (https://polaris.shopify.com/resources/polaris-ui-kit)
- Priceline One (https://pricelinelabs.github.io/design-system/) !Repo Star (https://img.shields.io/github/stars/pluralsight/design-system.svg?label=&style=social)
(https://github.com/pluralsight/design-system) - The UI building blocks for creating a cohesive design across Pluralsight products.
- Prime React (https://www.primefaces.org/primereact) !Repo Star (https://img.shields.io/github/stars/primefaces/primereact.svg?label=&style=social)
(https://github.com/primefaces/primereact) - This project which provides a rich and unique selection of over 60 UI components with multiple themes
- Quran (https://quran.github.io/common-components/) !Repo Star (https://img.shields.io/github/stars/quran/common-components.svg?label=&style=social)
(https://github.com/quran/common-components) - Common components used across Quran.com, Quranicaudio.com and Salah.com
- RBX (https://dfee.github.io/rbx/) !Repo Star (https://img.shields.io/github/stars/dfee/rbx.svg?label=&style=social) (https://github.com/dfee/rbx) - The Comprehensive Bulma UI Framework
for React
- Reakit (https://reakit.io/) !Repo Star (https://img.shields.io/github/stars/reakit/reakit.svg?label=&style=social) (https://github.com/reakit/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 (https://ui.reach.tech/) !Repo Star (https://img.shields.io/github/stars/reach/reach-ui.svg?label=&style=social) (https://github.com/reach/reach-ui) - The Accessible Foundation
for React Apps and Design Systems
- Reactackle (https://reactackle.braincrumbs.io/) !Repo Star (https://img.shields.io/github/stars/bcrumbs/reactackle.svg?label=&style=social) (https://github.com/bcrumbs/reactackle) - React
UI library build with styled-components which provides cross-browser support
- reactstrap (https://reactstrap.github.io/) !Repo Star (https://img.shields.io/github/stars/reactstrap/reactstrap.svg?label=&style=social) (https://github.com/reactstrap/reactstrap) -
Stateless React Bootstrap 4 components that favor composition and control. The library does not depend on jQuery or Bootstrap javascript
- React95 (https://react95.github.io/React95) !Repo Star (https://img.shields.io/github/stars/React95/React95.svg?label=&style=social) (https://github.com/React95/React95) - A React
components library with Win95 UI
- React Bootstrap (https://react-bootstrap.github.io/)!Repo Star (https://img.shields.io/github/stars/react-bootstrap/react-bootstrap.svg?label=&style=social)
(https://github.com/react-bootstrap/react-bootstrap) - React-Bootstrap is a complete re-implementation of the Bootstrap 3 components using React.
- React Desktop (http://reactdesktop.js.org/) !Repo Star (https://img.shields.io/github/stars/gabrielbull/react-desktop.svg?label=&style=social)
(https://github.com/gabrielbull/react-desktop) - UI component library which aims to bring a native desktop experience to the web, featuring many macOS Sierra and Windows 10 components.
- React Foundation (https://react.foundation/) - !Repo Star (https://img.shields.io/github/stars/nordsoftware/react-foundation.svg?label=&style=social)
(https://github.com/nordsoftware/react-foundation) - React components for Foundation (https://foundation.zurb.com/) UI Design.
- React Ionic (http://reactionic.github.io/) !Repo Star (https://img.shields.io/github/stars/pors/reactionic.svg?label=&style=social) (https://github.com/pors/reactionic) - React components
for Ionic which allows us to build iOS and Android apps that are indistinguishable from native apps.
- React Material Web Components (https://jamesmfriedman.github.io/rmwc/) !Repo Star (https://img.shields.io/github/stars/jamesmfriedman/rmwc.svg?label=&style=social)
(https://github.com/jamesmfriedman/rmwc) - React Material Web Components, wraps Google's Official Material Design Components. Includes Flow and Typescript types. Individually packaged
components.
- React Materialize (https://react-materialize.github.io) !Repo Star (https://img.shields.io/github/stars/react-materialize/react-materialize.svg?label=&style=social)
(https://github.com/react-materialize/react-materialize) - Material design for react, powered by materialize.css
- React MD (https://react-md.mlaursen.com/) !Repo Star (https://img.shields.io/github/stars/mlaursen/react-md.svg?label=&style=social) (https://github.com/mlaursen/react-md) - React toolkit
for building a web app with Google’s Material Design with very highly customizable themes and styling (Sass)
- React Native Starter (https://flatlogic.com/templates/react-native-starter) !Repo Star (https://img.shields.io/github/stars/mlaursen/react-md.svg?label=&style=social)
(https://github.com/flatlogic/react-native-starter) - A powerful react native starter template that bootstraps development of your mobile application.
- React Responsive UI (https://catamphetamine.github.io/react-responsive-ui/) !Repo Star (https://img.shields.io/github/stars/catamphetamine/react-responsive-ui.svg?label=&style=social)
(https://github.com/catamphetamine/react-responsive-ui) - Responsive React UI components
- React Toolbox (http://react-toolbox.io) !Repo Star (https://img.shields.io/github/stars/react-toolbox/react-toolbox.svg?label=&style=social)
(https://github.com/react-toolbox/react-toolbox/) - set of React components that implement Google's Material Design specification. It's powered by CSS Modules and harmoniously integrates with
your webpack workflow.
- React UI (http://lobos.github.io/react-ui) !Repo Star (https://img.shields.io/github/stars/Lobos/react-ui.svg?label=&style=social) (https://github.com/Lobos/react-ui) - A collection of
components for React, based on bootstrap 4.0. This project is no longer maintained.
- React UIKit Components (http://kbuechl.github.io/react-uikit-components/) !Repo Star (https://img.shields.io/github/stars/kbuechl/react-uikit-components.svg?label=&style=social)
(https://github.com/kbuechl/react-uikit-components) - Collection of React components using the UIkit CSS framework.
- React UWP (https://www.react-uwp.com/) !Repo Star (https://img.shields.io/github/stars/myxvisual/react-uwp.svg?label=&style=social) (https://github.com/myxvisual/react-uwp) - React
Components that Implement Microsoft's UWP Design & Fluent Design
- React WeUI (https://weui.github.io/react-weui/docs) !Repo Star (https://img.shields.io/github/stars/weui/react-weui.svg?label=&style=social) (https://github.com/weui/react-weui) - WeUI
Components build with React inspired by WeChat
- Rebass (https://rebassjs.org/) !Repo Star (https://img.shields.io/github/stars/rebassjs/rebass.svg?label=&style=social) (https://github.com/rebassjs/rebass) - React UI component library &
design system, built with styled-components and styled-system. It’s a great choice for Styled-components fans.
- Rendition (https://balena-io-modules.github.io/rendition/) !Repo Star (https://img.shields.io/github/stars/balena-io-modules/rendition.svg?label=&style=social)
(https://github.com/balena-io-modules/rendition) - A library of UI components, built using React, recompose, styled-components and styled-system.
- RingUI (https://jetbrains.github.io/ring-ui/) !Repo Star (https://img.shields.io/github/stars/JetBrains/ring-ui.svg?label=&style=social) (https://github.com/JetBrains/ring-ui) - This
collection of UI components aims to provide all of the necessary building blocks for web-based products built inside JetBrains
- RSuite (https://rsuitejs.com/) !Repo Star (https://img.shields.io/github/stars/rsuite/rsuite.svg?label=&style=social) (https://github.com/rsuite/rsuite) - RSUITE (React Suite) is a set of
react component libraries for enterprise system products.
- Salt UI (https://salt-ui.github.io) !Repo Star (https://img.shields.io/github/stars/salt-ui/saltui.svg?label=&style=social) (https://github.com/salt-ui/saltui) - concise mobile UI
component library
- Seek Style (https://seek-oss.github.io/seek-style-guide) !Repo Star (https://img.shields.io/github/stars/seek-oss/seek-style-guide.svg?label=&style=social)
(https://github.com/seek-oss/seek-style-guide) - Living style guide for SEEK, powered by React, webpack, CSS Modules and Less.
- Semantic UI React (https://react.semantic-ui.com/) !Repo Star (https://img.shields.io/github/stars/Semantic-Org/Semantic-UI-React.svg?label=&style=social)
(https://github.com/Semantic-Org/Semantic-UI-React)- Semantic UI React is the official React integration for Semantic UI. It’s used by Netflix, Amazon and other major organizations. Examples
can be found here (https://github.com/Semantic-Org/Semantic-UI-React/tree/master/examples)
- Shards (https://designrevision.com/docs/shards-react/) !Repo Star (https://img.shields.io/github/stars/designrevision/shards-react.svg?label=&style=social)
(https://github.com/designrevision/shards-react) - Shards React is a free, beautiful and modern React UI kit based on Shards (https://designrevision.com/downloads/shards/)
- Smooth UI (https://smooth-ui.smooth-code.com/) !Repo Star (https://img.shields.io/github/stars/smooth-code/smooth-ui.svg?label=&style=social) (https://github.com/smooth-code/smooth-ui) -
Smooth UI is a style system / UI library for React. It works with Styled Components
- Snacks (https://instacart.github.io/Snacks/) !Repo Star (https://img.shields.io/github/stars/instacart/Snacks.svg?label=&style=social) (https://github.com/instacart/Snacks) - Snacks is a
JavaScript and React based component library. It has a default theme matching Instacart's styles.
- Spark (https://sparkdesignsystem.com/) !Repo Star (https://img.shields.io/github/stars/sparkdesignsystem/spark-design-system.svg?label=&style=social)
(https://github.com/sparkdesignsystem/spark-design-system) - Spark Design System is a system of patterns and components used to create the user interface for the Quicken Loans family of
Fintech products.
- Stardust UI (https://stardust-ui.github.io/react/) !Repo Star (https://img.shields.io/github/stars/stardust-ui/react.svg?label=&style=social) (https://github.com/stardust-ui/react) -
Stardust is a set of specifications and tools for building UI libraries. It is based on a fork of Semantic UI React (SUIR) (https://github.com/Semantic-Org/Semantic-UI-React).
- Shineout (https://sheinsight.github.io/shineout/1.1.x/#/) !Repo Star (https://img.shields.io/github/stars/sheinsight/shineout.svg?label=&style=social)
(https://github.com/sheinsight/shineout) - A theme-able components library for React which support i18n.
- Tenon-UI (https://www.tenon-ui.info/) !Repo Star (https://img.shields.io/github/stars/tenon-io/tenon-ui.svg?label=&style=social) (https://github.com/tenon-io/tenon-ui) - Go-to library for
React developers who want to build inclusive and accessible sites. Recommended for accessibility (a11y).
- UIW (https://uiwjs.github.io) !Repo Star (https://img.shields.io/github/stars/uiwjs/uiw.svg?label=&style=social) (https://github.com/uiwjs/uiw) - A high quality UI Toolkit, A Component
Library for React 16+
- UXCore (http://uxco.re/) !Repo Star (https://img.shields.io/github/stars/uxcore/uxcore.svg?label=&style=social) (https://github.com/uxcore/uxcore) - A React UI Component Suites living for
enterprise application by Alibaba, Inc.
- YamUI (https://microsoft.github.io/YamUI/) !Repo Star (https://img.shields.io/github/stars/Microsoft/YamUI.svg?label=&style=social) (https://github.com/Microsoft/YamUI) - Reusable
component framework for Yammer.com, it is built with React on top of Office UI Fabric components
- Uniform (http://uniform.hudl.com/) - Uniform is Hudl’s design system. It exists to unify Hudl’s products through design and code implementation.
- VTEX Styleguide (https://styleguide.vtex.com/) !Repo Star (https://img.shields.io/github/stars/vtex/styleguide.svg?label=&style=social) (https://github.com/vtex/styleguide)- The VTEX
Design System backed by React component library
- Yep-React (https://yep-react.jd.com/) !Repo Star (https://img.shields.io/github/stars/jdf2e/yep-react.svg?label=&style=social) (https://github.com/jdf2e/yep-react) - React v16-based
front-end UI component library for rapid development of mobile pages
- Zent (https://youzan.github.io/zent/en/guides/install) !Repo Star (https://img.shields.io/github/stars/youzan/zent.svg?label=&style=social) (https://github.com/youzan/zent) - Zent is a
React component library developed and used at Youzan with more than 50 components for now.
- Zero-UI (https://alphago88.github.io/Zero-UI/) !Repo Star (https://img.shields.io/github/stars/AlphaGo88/Zero-UI.svg?label=&style=social) (https://github.com/AlphaGo88/Zero-UI) - Zero-UI
is an easy-to-use web UI component framework which includes a set of useful components.
- ZHUI (https://zhui-team.github.io/zhui/) !Repo Star (https://img.shields.io/github/stars/zhui-team/zhui.svg?label=&style=social) (https://github.com/zhui-team/zhui) - A Chinese style
component library powered by React
- **Paid** Essential JS 2 for React by Syncfusion (https://www.syncfusion.com/react-ui-components) - Over 60 high-performance, lightweight, modular, and responsive UI components for React.
- **Paid** ExtReact (https://www.sencha.com/products/extreact/) !Repo Star (https://img.shields.io/github/stars/sencha/ext-react.svg?label=&style=social)
(https://github.com/sencha/ext-react) - 115+ pre-built UI components that are fully supported and designed to interact and work together, from Sencha UI
- **Paid** jQWidgets (https://www.jqwidgets.com/react/) - React components based on jqwidgets.
- **Paid** KendoReact (https://www.telerik.com/kendo-react-ui/) - 90+ professional UI components built from the ground up for React - responsive, accessible and feature rich.
- **Paid** Mobiscroll (https://mobiscroll.com/react) - React components for Mobile UI Controls.
- **Paid** Wijmo React (https://www.grapecity.com/en/react/) - React components for Wizmo Toolkit from grapeCity.
- React tsParticles (https://github.com/matteobruni/tsparticles) - React component for easily add fully customizable particles animations to websites and web applications
Special use case libraries
- Halogen (https://github.com/yuanyan/halogen) !Repo Star (https://img.shields.io/github/stars/yuanyan/halogen.svg?label=&style=social) (https://github.com/yuanyan/halogen) - A collection
of loading spinners with React.js
- Nivo (https://nivo.rocks/) !Repo Star (https://img.shields.io/github/stars/plouc/nivo.svg?label=&style=social) (https://github.com/plouc/nivo) - Nivo provides a rich set of dataviz
components, built on top of the awesome d3 and Reactjs libraries.
- Recharts (http://recharts.org) !Repo Star (https://img.shields.io/github/stars/recharts/recharts.svg?label=&style=social) (https://github.com/recharts/recharts) - Redefined chart library
components built with D3
- React CSS Loaders (https://lucasbassetti.com.br/react-css-loaders/) !Repo Star (https://img.shields.io/github/stars/LucasBassetti/react-css-loaders.svg?label=&style=social)
(https://github.com/LucasBassetti/react-css-loaders) - A collection of pure CSS React loading components
- React Epic Spinners (https://bondz.github.io/react-epic-spinners/) !Repo Star (https://img.shields.io/github/stars/bondz/react-epic-spinners.svg?label=&style=social)
(https://github.com/bondz/react-epic-spinners) - Reusable react components for spinners
- React Virtualized (https://bvaughn.github.io/react-virtualized/) !Repo Star (https://img.shields.io/github/stars/bvaughn/react-virtualized.svg?label=&style=social)
(https://github.com/bvaughn/react-virtualized) - React components for virtualizing large data sets for efficiently rendering lists and tabular data
- ReactGrid (https://reactgrid.com/) !Repo Star (https://img.shields.io/github/stars/silevis/reactgrid.svg?label=&style=social) (https://github.com/silevis/reactgrid) - Add spreadsheet-like
behavior to your React app
- Styled Icons (https://styled-icons.js.org/) !Repo Star (https://img.shields.io/github/stars/jacobwgillespie/styled-icons.svg?label=&style=social)
(https://github.com/jacobwgillespie/styled-icons) - Font Awesome, Feather, Material Design, and Octicons icon packs as Styled Components
- **Paid** ag-grid (https://www.ag-grid.com/) - Cross platform components for Grid/Tables
- **Paid** Get Data Den (https://getdataden.com/) - Plugin that extends your projects functionality with a table component
Tools
Bit (https://github.com/teambit/bit) !Repo Star (https://img.shields.io/github/stars/teambit/bit.svg?label=&style=social) (teambit/bitp) — 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 (http://airbnb.io/react-sketchapp/) !Repo Star (https://img.shields.io/github/stars/airbnb/react-sketchapp.svg?label=&style=social) (https://github.com/airbnb/react-sketchapp)
— render React components to Sketch; tailor-made for design systems
Related community list
- Awesome React (https://github.com/enaqx/awesome-react) - A collection of awesome things regarding React ecosystem.
- Awesome React Component (https://github.com/brillout/awesome-react-components) - Catalog of React Components & Libraries
- libreact (https://github.com/streamich/libreact) !Repo Star (https://img.shields.io/github/stars/streamich/libreact.svg?label=&style=social) (https://github.com/streamich/libreact) -
Collection of useful React components
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
VueJS
- AgnosticUI (https://www.agnosticui.com/) - Accessible Vue 3 Component Primitives (that also work with Svelte, React, and Angular).
- AT-UI (https://at.aotu.io/) !Repo Star (https://img.shields.io/github/stars/at-ui/at-ui.svg?label=&style=social) (https://github.com/at-ui/at-ui) - A fresh and flat UI-Kit specially for
desktop application
- BalmUI (https://material.balmjs.com/#/) !Repo Star (https://img.shields.io/github/stars/balmjs/ui-vue.svg?label=&style=social) (https://github.com/balmjs/ui-vue) - Next Generation
Material UI for Vue.js
- Bootstrap Vue (https://bootstrap-vue.js.org/) !Repo Star (https://img.shields.io/github/stars/bootstrap-vue/bootstrap-vue.svg?label=&style=social)
(https://github.com/bootstrap-vue/bootstrap-vue) - comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility
markup.
- Buefy (https://buefy.github.io/) !Repo Star (https://img.shields.io/github/stars/buefy/buefy.svg?label=&style=social) (https://github.com/buefy/buefy) - Lightweight UI components for
Vue.js based on Bulma, which are the library’s only two internal dependencies
- CarvueJS (https://carvuejs.github.io/home) !Repo Star (https://img.shields.io/github/stars/CarvueJS/carbon-components-vue.svg?label=&style=social)
(https://github.com/CarvueJS/carbon-components-vue) - Carvue is a UI components library which is based on Carbon-Design and VueJS.
- Cion (https://cion.visualjerk.de/) !Repo Star (https://img.shields.io/github/stars/visualjerk/vue-cion-design-system.svg?label=&style=social)
(https://github.com/visualjerk/vue-cion-design-system) - CION is a design system build primarily for Vue.js applications. You can use it as a starting point for building your own design
system.
- Cube UI (https://didi.github.io/cube-ui/#/en-US) !Repo Star (https://img.shields.io/github/stars/didi/cube-ui.svg?label=&style=social) (https://github.com/didi/cube-ui) - cube-ui is a UI
component library for mobile apps
- Element (https://element.eleme.io/) !Repo Star (https://img.shields.io/github/stars/ElemeFE/element.svg?label=&style=social) (https://github.com/ElemeFE/element) - Library provides a rich
selection of customizable components along with a full style-guide based on Vue 2.0
- Enterprise UI (https://baidu-design.github.io/development/veui) !Repo Star (https://img.shields.io/github/stars/ecomfe/veui.svg?label=&style=social) (https://github.com/ecomfe/veui) -
Enterprise UI for Vue.js. Based on ONE DESIGN from Baidu, Inc.
- Fish-UI (https://myliang.github.io/fish-ui/) !Repo Star (https://img.shields.io/github/stars/myliang/fish-ui.svg?label=&style=social) (https://github.com/myliang/fish-ui) - provides a
Vue-based web toolkit with neat and clean looking components. The library supports a ES2015 + Webpack workflow
- Framevuerk (https://framevuerk.com/) !Repo Star (https://img.shields.io/github/stars/framevuerk/framevuerk.svg?label=&style=social) (https://github.com/framevuerk/framevuerk) -
Responsive, Multi Language, Both Direction Support and Configurable UI Framework based on Vue.js
- Framework 7 Vue (https://framework7.io/vue/) !Repo Star (https://img.shields.io/github/stars/nolimits4web/framework7.svg?label=&style=social) (https://github.com/nolimits4web/framework7/)
- Full featured HTML framework for building iOS & Android apps
- HEYUI (https://www.heyui.top/en) !Repo Star (https://img.shields.io/github/stars/heyui/heyui.svg?label=&style=social) (https://github.com/heyui/heyui) - UI Toolkit for Vue2.0 with cli and
utils as part of ecosystem
- iView (https://iviewui.com/) !Repo Star (https://img.shields.io/github/stars/iview/iview.svg?label=&style=social) (https://github.com/iview/iview) - iView provides dozens of UI components
and widgets built with Vue.js and styled with a clean and elegant design
- JSmod Vue (http://jsmod-vue.tedfe.com/) !Repo Star (https://img.shields.io/github/stars/chaogao/jsmod-pc-vue.svg?label=&style=social) (https://github.com/chaogao/jsmod-pc-vue) - The goal
of jsmod is to provide a high degree of freedom (high scalability) ui components, and unified desktop and mobile usage
- Keen-UI (https://josephuspaye.github.io/Keen-UI) !Repo Star (https://img.shields.io/github/stars/JosephusPaye/Keen-UI.svg?label=&style=social) (https://github.com/JosephusPaye/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 (https://mand-mobile.github.io/2x-doc/) !Repo Star (https://img.shields.io/github/stars/didi/mand-mobile.svg?label=&style=social) (https://github.com/didi/mand-mobile) - A
mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.
- Material Components Vue (https://matsp.github.io/material-components-vue/) !Repo Star (https://img.shields.io/github/stars/matsp/material-components-vue.svg?label=&style=social)
(https://github.com/matsp/material-components-vue) - Material-components-vue integrates the mdc-web (by google) vanilla components
- MDBootstrap (http://mdbootstrap.com/material-design-for-bootstrap/) !Repo Star (https://img.shields.io/github/stars/mdbootstrap/Vue-Bootstrap-with-Material-Design.svg?label=&style=social)
(https://github.com/mdbootstrap/Vue-Bootstrap-with-Material-Design) - Material Design UI KIT based on Bootstrap 4
- Mint UI (http://mint-ui.github.io/#!/en) !Repo Star (https://img.shields.io/github/stars/ElemeFE/mint-ui.svg?label=&style=social) (https://github.com/ElemeFE/mint-ui/) - Mobile UI
elements for Vue.js
- Muse UI (https://muse-ui.org/) !Repo Star (https://img.shields.io/github/stars/museui/muse-ui.svg?label=&style=social) (https://github.com/museui/muse-ui) - Muse UI has more than 40 UI
components and customizable themes for Google's Material Design
- NutUI (https://nutui.jd.com/) !Repo Star (https://img.shields.io/github/stars/jdf2e/nutui.svg?label=&style=social) (https://github.com/jdf2e/nutui) - A set of Jingdong-style lightweight
mobile Vue component library
- N3 Components (https://n3-components.github.io/N3-components/) !Repo Star (https://img.shields.io/github/stars/N3-components/N3-components.svg?label=&style=social)
(https://github.com/N3-components/N3-components) - N3 components library is built with Vue.js, is a powerful library for frontend or full-stack engineers to build web pages quickly
- Office UI Fabric Vue (https://aidewoode.github.io/office-ui-fabric-vue/) !Repo Star (https://img.shields.io/github/stars/aidewoode/office-ui-fabric-vue.svg?label=&style=social)
(https://github.com/aidewoode/office-ui-fabric-vue) - Office UI Fabric implementation for Vue.js, build with office-ui-fabric-js
- Onsen UI (https://onsen.io/vue/) !Repo Star (https://img.shields.io/github/stars/OnsenUI/OnsenUI.svg?label=&style=social) (https://github.com/OnsenUI/OnsenUI) - More than 100 components
are specially made for Material and Flat design based on original the Onsen UI framework
- ProtoVue (https://github.com/v1Labs/protovue) !Repo Star (https://img.shields.io/github/stars/v1Labs/protovue.svg?label=&style=social) (https://github.com/v1Labs/protovue) - A prototyping
component library build for Vue.js from grid to UI elements
- Quasar (https://quasar-framework.org/) !Repo Star (https://img.shields.io/github/stars/quasarframework/quasar.svg?label=&style=social) (https://github.com/quasarframework/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 (https://ccforward.github.io/rubik/#/) !Repo Star (https://img.shields.io/github/stars/ccforward/rubik.svg?label=&style=social) (https://github.com/ccforward/rubik/) - 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 (https://semantic-ui-vue.github.io/) !Repo Star (https://img.shields.io/github/stars/Semantic-UI-Vue/Semantic-UI-Vue.svg?label=&style=social)
(https://github.com/Semantic-UI-Vue/Semantic-UI-Vue) - Semantic UI Vue is the official VueJS integration for Semantic UI.It’s used by Netflix, Amazon and other major organizations.
- SemVue (https://guilhermewaess.github.io/SemVue) !Repo Star (https://img.shields.io/github/stars/guilhermewaess/SemVue.svg?label=&style=social) (https://github.com/guilhermewaess/SemVue)
- Semantic-ui components easy in your vue project
- Space-kit (https://space-kit.netlify.com) !Repo Star (https://img.shields.io/github/stars/apollographql/space-kit.svg?label=&style=social) (https://github.com/apollographql/space-kit) -
The home base for Apollo's design system, Space Kit provides essential design resources for developers to use in the Apollo-branded interfaces.
- UI (https://vuejs.github.io/ui) !Repo Star (https://img.shields.io/github/stars/vuejs/ui.svg?label=&style=social) (https://github.com/vuejs/ui) - UI components for official Vue
organization apps
- Uiv (https://uiv.wxsm.space/) !Repo Star (https://img.shields.io/github/stars/wxsms/uiv.svg?label=&style=social) (https://github.com/wxsms/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 (https://youzan.github.io/vant) !Repo Star (https://img.shields.io/github/stars/youzan/vant.svg?label=&style=social) (https://github.com/youzan/vant) - Lightweight Mobile UI
Components built on Vue
- Vuetify (https://vuetifyjs.com/) !Repo Star (https://img.shields.io/github/stars/vuetifyjs/vuetify.svg?label=&style=social) (https://github.com/vuetifyjs/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 (https://github.com/chenz24/vue-blu) !Repo Star (https://img.shields.io/github/stars/chenz24/vue-blu.svg?label=&style=social) (https://github.com/chenz24/vue-blu) - UI Component
Library Base on Vue.js(2.x) and Bulma
- Vuecidity (https://vuecidity.wemakesites.net/) - component library inspired by Google Material Design and Bootstrap with set of 30+ UI components, 24-column responsive layout grid system.
- Vuedarkmode (https://www.vuedarkmode.com/) !Repo Star (https://img.shields.io/github/stars/LeCoupa/vuedarkmode.svg?label=&style=social) (https://github.com/LeCoupa/vuedarkmode) - A
minimilistic set of components designed for the insomniacs who enjoy dark interfaces as much as we do.
- VueFace (https://sudheerj.github.io/vueface/#/) !Repo Star (https://img.shields.io/github/stars/sudheerj/vueface.svg?label=&style=social) (https://github.com/sudheerj/vueface) - Component
library for VueJS framework with around 40 components with support of 20+ themes.
- Vue Bulma (https://github.com/vouill/vue-bulma-components) !Repo Star (https://img.shields.io/github/stars/vouill/vue-bulma-components.svg?label=&style=social)
(https://github.com/vouill/vue-bulma-components) - Translate Bulma css api to vue components
- Vue Carbon (http://www.myronliu.com/vue-carbon) !Repo Star (https://img.shields.io/github/stars/myronliu347/vue-carbon.svg?label=&style=social) (https://github.com/myronliu347/vue-carbon)
- Material design style mobile UI library, design resource reference FrameWork7 (https://github.com/framework7io/framework7)
- Vue Material (https://vuematerial.io/) !Repo Star (https://img.shields.io/github/stars/vuematerial/vue-material.svg?label=&style=social) (https://github.com/vuematerial/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 (https://vue-native.io/) !Repo Star (https://img.shields.io/github/stars/GeekyAnts/vue-native-core.svg?label=&style=social) (https://github.com/GeekyAnts/vue-native-core) - Vue
Native is a framework to build cross platform native mobile apps using JavaScript
- Vue MDC Adapter (https://stasson.github.io/vue-mdc-adapter/#/) !Repo Star (https://img.shields.io/github/stars/stasson/vue-mdc-adapter.svg?label=&style=social)
(https://github.com/stasson/vue-mdc-adapter) - Integration of Material Components for Vue.js which follows the best practices recommended by Google
- Vue MDC (https://github.com/posva/vue-mdc) !Repo Star (https://img.shields.io/github/stars/posva/vue-mdc.svg?label=&style=social) (https://github.com/posva/vue-mdc) - This is the
adaptation of Material Components web for Vue.js
- Vue YDUI (http://vue.ydui.org/) !Repo Star (https://img.shields.io/github/stars/ydcss/vue-ydui.svg?label=&style=social) (https://github.com/ydcss/vue-ydui) - A mobile components Library
with Vue2.js
- Vuido (https://vuido.mimec.org/) !Repo Star (https://img.shields.io/github/stars/mimecorg/vuido.svg?label=&style=social) (https://github.com/mimecorg/vuido) - Native desktop applications
using Vue.js.
- Vuikit (https://vuikit.js.org/) !Repo Star (https://img.shields.io/github/stars/vuikit/vuikit.svg?label=&style=social) (https://github.com/vuikit/vuikit) - A responsive Vue 2 UI library
for web site interfaces based on the UIkit 3 framework.
- Vux (https://vux.li/) !Repo Star (https://img.shields.io/github/stars/airyland/vux.svg?label=&style=social) (https://github.com/airyland/vux) -Mobile UI Components based on WeUI
- v-semantic (https://github.com/eddow/v-semantic) !Repo Star (https://img.shields.io/github/stars/eddow/v-semantic.svg?label=&style=social) (https://github.com/eddow/v-semantic) -
Integration of semantic-ui2 with vue.js2.
- vue-antd (http://okoala.github.io/vue-antd) !Repo Star (https://img.shields.io/github/stars/okoala/vue-antd.svg?label=&style=social) (https://github.com/okoala/vue-antd) - Here is the Vue
implementation of Ant Design, which develops and serves enterprise back-end products.
- vue-beauty (https://fe-driver.github.io/vue-beauty/) !Repo Star (https://img.shields.io/github/stars/FE-Driver/vue-beauty.svg?label=&style=social)
(https://github.com/FE-Driver/vue-beauty) - UI components build with vue and ant design
- vuestrap-base-components (http://kzima.github.io/vuestrap-base-components/#/) !Repo Star (https://img.shields.io/github/stars/kzima/vuestrap-base-components.svg?label=&style=social)
(https://github.com/kzima/vuestrap-base-components) - Vuestrap Base Components extend Bootstrap 4. Built with vuestrap, plain Vue.js and Webpack.
- VueBoot (http://morgul.github.io/vueboot/) !Repo Star (https://img.shields.io/github/stars/Morgul/vueboot.svg?label=&style=social) (https://github.com/Morgul/vueboot) - Vuejs components
and directives written using Bootstrap v4, leveraging the official Bootstrap JS.
- Vuesax (https://lusaxweb.github.io/vuesax/) !Repo Star (https://img.shields.io/github/stars/lusaxweb/vuesax.svg?label=&style=social) (https://github.com/lusaxweb/vuesax) - Vuesax is a
library of Vuejs components that facilitates front-end development and streamlines work with great visual quality.
- VueStrap (https://wffranco.github.io/vue-strap/) !Repo Star (https://img.shields.io/github/stars/wffranco/vue-strap.svg?label=&style=social) (https://github.com/wffranco/vue-strap) - a
set of native Vue.js components based on Bootstrap's markup and CSS. No dependency on jQuery or Bootstrap's JavaScript.
- WDUI (https://wdfe.github.io/wdui) !Repo Star (https://img.shields.io/github/stars/wdfe/wdui.svg?label=&style=social) (https://github.com/wdfe/wdui) - Lightweight mobile UI control
library to quickly build an app layout based on Vue 2.0
- Zircle UI (https://zircleui.github.io/docs/?utm_source=zircle) !Repo Star (https://img.shields.io/github/stars/zircleUI/zircleUI.svg?label=&style=social)
(https://github.com/zircleUI/zircleUI) - A frontend library to develop zoomable user interfaces
- **Paid** Essential JS 2 for Vue by Syncfusion (https://www.syncfusion.com/vue-ui-components) - Over 60 high-performance, lightweight, modular, and responsive UI components for Vue.
- Particles.vue (https://github.com/matteobruni/tsparticles) - Vue library for easily add fully customizable particles animations to websites and web applications.
- **Paid** Kendo UI for Vue (https://www.telerik.com/kendo-vue-ui) - A suite of UI components focused on business applications, with components like the data grid
- vue-file-upload (https://github.com/canopas/web-file-upload/vue) - A file management system built that allows for single and multiple file uploading with a preview feature
Special use case libraries
- Epic Spinners (https://epic-spinners.epicmax.co/#/) !Repo Star (https://img.shields.io/github/stars/epicmaxco/epic-spinners.svg?label=&style=social)
(https://github.com/epicmaxco/epic-spinners) - Reusable Vue components for spinners
- **Paid** jQWidgets (https://www.jqwidgets.com/vue-js-ui-components-for-jqwidgets/) - Vue components based on jqwidgets.
Related community list
- Awesome Vue (https://github.com/vuejs/awesome-vue) - A curated list of awesome things related to Vue.js
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
React Native
- Ant Design Mobile RN (https://rn.mobile.ant.design/) !Repo Star (https://img.shields.io/github/stars/ant-design/ant-design-mobile-rn.svg?label=&style=social)
(https://github.com/ant-design/ant-design-mobile-rn) - A Ant design based configurable Mobile UI component library based on React Native
- Blankapp (https://blankapp.org/) !Repo Star (https://img.shields.io/github/stars/blankapp/ui.svg?label=&style=social) (https://github.com/blankapp/ui) - Highly customizable and theming
components for React Native
- Carbon Native (https://getcarbonnative.com/) !Repo Star (https://img.shields.io/github/stars/carbon-native/carbon-native.svg?label=&style=social)
(https://github.com/carbon-native/carbon-native) - A set of UI components for building React Native apps.
- Nachos UI (https://avocode.com/nachos-ui/) !Repo Star (https://img.shields.io/github/stars/nachos-ui/nachos-ui.svg?label=&style=social) (https://github.com/nachos-ui/nachos-ui) -
Customizable ready to use 30+ components which works with React Native for Web (https://github.com/necolas/react-native-web)
- NativeBase (https://nativebase.io/) !Repo Star (https://img.shields.io/github/stars/GeekyAnts/NativeBase.svg?label=&style=social) (https://github.com/GeekyAnts/NativeBase) - Essential
cross-platform UI components for React Native. One of best in class for React Native Lovers. Recommended!
- Panza (https://github.com/panza-org/panza) !Repo Star (https://img.shields.io/github/stars/panza-org/panza.svg?label=&style=social) (https://github.com/panza-org/panza) - Panza is a
collection of stateless, functional ui-components for react-native, and heavily inspired by the excellent rebass library.
- React Native Android Kit (https://github.com/adbayb/react-native-android-kit) !Repo Star (https://img.shields.io/github/stars/adbayb/react-native-android-kit.svg?label=&style=social)
(https://github.com/adbayb/react-native-android-kit) - A set of native Android UI components and modules for React Native framework that are currently not implemented by React Native core
team
- React Native Common (https://rghorbani.github.io/react-native-common/) !Repo Star (https://img.shields.io/github/stars/rghorbani/react-native-common.svg?label=&style=social)
(https://github.com/rghorbani/react-native-common) - Cross Platform React Native UI Toolkit & API
- React Native Elements (https://react-native-training.github.io/react-native-elements) !Repo Star
(https://img.shields.io/github/stars/react-native-training/react-native-elements.svg?label=&style=social) (https://github.com/react-native-training/react-native-elements) - Cross Platform
React Native UI Toolkit. Support for customisation and provides an all-in-one UI kit for creating apps in react native
- React Native Gifted Chat (https://github.com/wix/react-native-gifted-chat) !Repo Star (https://img.shields.io/github/stars/wix/react-native-gifted-chat.svg?label=&style=social)
(https://github.com/wix/react-native-gifted-chat) - Chat UI components for React Native (formerly known as Gifted Messenger)
- React Native Material Design (http://react-native-material-design.github.io/) !Repo Star
(https://img.shields.io/github/stars/react-native-material-design/react-native-material-design.svg?label=&style=social)
(https://github.com/react-native-material-design/react-native-material-design) - React Native components which implement Material Design. (No longer maintained in favour of Material Paper)
- React Native Material Kit (http://xinthink.github.io/react-native-material-kit/) !Repo Star
(https://img.shields.io/github/stars/xinthink/react-native-material-kit.svg?label=&style=social) (https://github.com/xinthink/react-native-material-kit) - A set of UI components, in the
purpose of introducing Material Design to apps built with React Native
- React Native Material UI (https://github.com/xotahal/react-native-material-ui) !Repo Star (https://img.shields.io/github/stars/xotahal/react-native-material-ui.svg?label=&style=social)
(https://github.com/xotahal/react-native-material-ui) - Highly customizable material design components for React Native. Demo for this toolkit can be seen here
(https://github.com/xotahal/react-native-material-ui/blob/master/docs/Demo.md)
- React Native Paper (https://callstack.github.io/react-native-paper/) !Repo Star (https://img.shields.io/github/stars/callstack/react-native-paper.svg?label=&style=social)
(https://github.com/callstack/react-native-paper) - Component with follows Material design guidelines v2.0, Better RTL Support and full theming options
- React Native UI Kitten (https://akveo.github.io/react-native-ui-kitten/#/home) !Repo Star (https://img.shields.io/github/stars/akveo/react-native-ui-kitten.svg?label=&style=social)
(https://github.com/akveo/react-native-ui-kitten) - Mobile framework with easily customizable elements which is able to create style configurations of components you use the most (buttons,
inputs etc.)
- React Native UI Lib (https://wix.github.io/react-native-ui-lib/) !Repo Star (https://img.shields.io/github/stars/wix/react-native-ui-lib.svg?label=&style=social)
(https://github.com/wix/react-native-ui-lib) - UI Toolset & Components Library for React Native
- React Native Web (http://necolas.github.io/react-native-web/examples/) !Repo Star (https://img.shields.io/github/stars/necolas/react-native-web.svg?label=&style=social)
(https://github.com/necolas/react-native-web) - "React Native for Web" makes it possible to run React Native components and APIs on the web using React DOM
- React Virgin (https://trixieapp.github.io/react-virgin/) !Repo Star (https://img.shields.io/github/stars/Trixieapp/react-virgin.svg?label=&style=social)
(https://github.com/Trixieapp/react-virgin) - UI kit with boiler plate for your React-Native projects
- Shoutem UI (https://shoutem.github.io/docs/ui-toolkit/introduction) !Repo Star (https://img.shields.io/github/stars/shoutem/ui.svg?label=&style=social) (https://github.com/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 (https://github.com/rilyu/teaset) !Repo Star (https://img.shields.io/github/stars/rilyu/teaset.svg?label=&style=social) (https://github.com/rilyu/teaset) - A UI library for react
native, provides 20+ pure JS(ES6) components, focusing on content display and action control.
Special use case libraries
- React Native Calendars (https://github.com/wix/react-native-calendars) !Repo Star (https://img.shields.io/github/stars/wix/react-native-calendars.svg?label=&style=social)
(https://github.com/wix/react-native-calendars) - various customizable react native calendar components.
- React Native Chart (https://github.com/tomauty/react-native-chart) !Repo Star (https://img.shields.io/github/stars/tomauty/react-native-chart.svg?label=&style=social)
(https://github.com/tomauty/react-native-chart) - Add line, area, pie, and bar charts to your React Native app
- React Native Circular Progress (https://github.com/bartgryszko/react-native-circular-progress) !Repo Star
(https://img.shields.io/github/stars/bartgryszko/react-native-circular-progress.svg?label=&style=social) (https://github.com/bartgryszko/react-native-circular-progress) - React Native
component for creating animated, circular progress with ReactART
- React Native Spinkit (https://github.com/maxs15/react-native-spinkit) !Repo Star (https://img.shields.io/github/stars/maxs15/react-native-spinkit.svg?label=&style=social)
(https://github.com/maxs15/react-native-spinkit) - A collection of animated loading indicators for React Native
Related community list
- Native Directory (https://native.directory) - Native Directory is a curated list of React Native libraries to help you build your projects.
- Awesome React Native (https://github.com/jondot/awesome-react-native) - Awesome React Native components, news, tools, and learning material!
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
Angular
- AgnosticUI (https://www.agnosticui.com/) - Accessible Angular Component Primitives (that also work with Svelte, React, and Vue 3).
- Alfresco (https://alfresco.github.io/adf-component-catalog/) !Repo Star (https://img.shields.io/github/stars/Alfresco/alfresco-ng2-components.svg?label=&style=social)
(https://github.com/Alfresco/alfresco-ng2-components) - Alfresco Application Development Framework (ADF) is set of Angular components with directives, pipes, and other interfaces. Should be
treated as framework.
- Alyle UI (https://alyle-ui.firebaseapp.com/) !Repo Star (https://img.shields.io/github/stars/A-l-y-l-e/Alyle-UI.svg?label=&style=social) (https://github.com/A-l-y-l-e/Alyle-UI) - Minimal
Design, a set of components for Angular.
- AT Angular UI (http://ng-at.thunderjava.com/) !Repo Star (https://img.shields.io/github/stars/100cm/at-ui-angular.svg?label=&style=social) (https://github.com/100cm/at-ui-angular) -
Angular 4.0+ front-end UI component library based on the rapid development of back-end products in PC websites.
- Clarity (https://vmware.github.io/clarity/) !Repo Star (https://img.shields.io/github/stars/vmware/clarity.svg?label=&style=social) (https://github.com/vmware/clarity) - Clarity is an
open source design system by VMware that brings together UX guidelines, an HTML/CSS framework, and Angular components
- Covalent (https://teradata.github.io/covalent/#/) !Repo Star (https://img.shields.io/github/stars/Teradata/covalent.svg?label=&style=social) (https://github.com/Teradata/covalent) -
Teradata UI Platform built on Angular Material
- Element (https://element-angular.faas.ele.me/) !Repo Star (https://img.shields.io/github/stars/ElemeFE/element-angular.svg?label=&style=social)
(https://github.com/ElemeFE/element-angular) - Initially build for VueJs, Library provides a rich selection of customizable components along with a full style-guide
- Fuel UI (http://fuelinteractive.github.io/fuel-ui/#/) !Repo Star (https://img.shields.io/github/stars/FuelInteractive/fuel-ui.svg?label=&style=social)
(https://github.com/FuelInteractive/fuel-ui) - Fuel-UI is a collection of native Angular 2 components, directives, and pipes for Bootstrap 4.
- Nebular (https://akveo.github.io/nebular/) !Repo Star (https://img.shields.io/github/stars/akveo/nebular.svg?label=&style=social) (https://github.com/akveo/nebular) - UI Toolkit with
Components, Auth & Security for your next Angular7 App
- NGX Bootstrap (https://valor-software.com/ngx-bootstrap/#/) !Repo Star (https://img.shields.io/github/stars/valor-software/ngx-bootstrap.svg?label=&style=social)
(https://github.com/valor-software/ngx-bootstrap) - Bootstrap 3/Bootstrap 4 Components with Angular, for both Mobile and Desktop.
- NGX ScrollTop (https://github.com/bartholomej/ngx-scrolltop) !Repo Star (https://img.shields.io/github/stars/bartholomej/ngx-scrolltop.svg?label=&style=social)
(https://github.com/bartholomej/ngx-scrolltop) - Lightweight, Material Design inspired button for scroll-to-top of the page. _No dependencies. Pure Angular!_
- NGX UI (https://swimlane.github.io/ngx-ui/) !Repo Star (https://img.shields.io/github/stars/swimlane/ngx-ui.svg?label=&style=social) (https://github.com/swimlane/ngx-ui) - Component &
Style Library for Angular by Swimlane.
- NG Bootstrap (https://ng-bootstrap.github.io/) !Repo Star (https://img.shields.io/github/stars/ng-bootstrap/ng-bootstrap.svg?label=&style=social)
(https://github.com/ng-bootstrap/ng-bootstrap) - replacing angular-ui (https://github.com/angular-ui/bootstrap) bootstrap which is no longer maintained, it provides Bootstrap 4 components for
Angular with no 3rd party JS dependencies
- NG Lightning (http://ng-lightning.github.io/ng-lightning/) !Repo Star (https://img.shields.io/github/stars/ng-lightning/ng-lightning.svg?label=&style=social)
(https://github.com/ng-lightning/ng-lightning) - Angular components built for the Saleforce Lightning Design System
- NG Semantic-UI (https://ng-semantic.herokuapp.com/) !Repo Star (https://img.shields.io/github/stars/vladotesanovic/ngSemantic.svg?label=&style=social)
(https://github.com/vladotesanovic/ngSemantic) - Angular UI building blocks based on Semantic-UI
- NG-ZORRO (https://ng.ant.design/?p=/docs/introduce/en) !Repo Star (https://img.shields.io/github/stars/NG-ZORRO/ng-zorro-antd.svg?label=&style=social)
(https://github.com/NG-ZORRO/ng-zorro-antd) - NG-ZORRO components aim to provide an enterprise-class UI based on Ant Design
- Material 2 (https://material.angular.io/) !Repo Star (https://img.shields.io/github/stars/angular/material2.svg?label=&style=social) (https://github.com/angular/material2) - Angular’s
official component library implementing Google’s material design, built with Angular and TypeScript
- MDBootstrap (http://mdbootstrap.com/material-design-for-bootstrap/) !Repo Star
(https://img.shields.io/github/stars/mdbootstrap/Angular-Bootstrap-with-Material-Design.svg?label=&style=social) (https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design) -
Material Design UI KIT based on Bootstrap 4
- Onsen UI (https://onsen.io/angular2/) !Repo Star (https://img.shields.io/github/stars/OnsenUI/OnsenUI.svg?label=&style=social) (https://github.com/OnsenUI/OnsenUI) - More than 100
components are specially made for Material and Flat design based on original the Onsen UI framework
- PatternFly NG (https://www.patternfly.org) !Repo Star (https://img.shields.io/github/stars/patternfly/patternfly-ng.svg?label=&style=social) (https://github.com/patternfly/patternfly-ng)
- A set of Angular 6+ components for the PatternFly project (https://github.com/patternfly/patternfly-design-kit). It also has support for Angular 4 and 5.
- Prime NG (https://www.primefaces.org/primeng/#/) !Repo Star (https://img.shields.io/github/stars/primefaces/primeng.svg?label=&style=social) (https://github.com/primefaces/primeng) - This
project which provides a rich and unique selection of over 60 UI components with multiple themes
- Primer Components (https://primer.style/components) !Repo Star (https://img.shields.io/github/stars/primer/components.svg?label=&style=social) (https://github.com/primer/components) -
React components for the Primer Design System (https://primer.style/)
- Semantic UI Angular (https://github.com/Semantic-Org/Semantic-UI-Angular) !Repo Star (https://img.shields.io/github/stars/Semantic-Org/Semantic-UI-Angular.svg?label=&style=social)
(https://github.com/Semantic-Org/Semantic-UI-Angular) - Semantic UI Angular is the official Angular integration for Semantic UI.It’s used by Netflix, Amazon and other major organizations.
- **Paid** Essential JS 2 for Angular by Syncfusion (https://www.syncfusion.com/angular-ui-components) - Over 60 high-performance, lightweight, modular, and responsive UI components for
Angular.
- NG Particles (https://github.com/matteobruni/tsparticles) - Angular component for easily add fully customizable particles animations to websites and web applications
Special use case libraries
- NG2 Charts (https://valor-software.com/ng2-charts) !Repo Star (https://img.shields.io/github/stars/valor-software/ng2-charts.svg?label=&style=social)
(https://github.com/valor-software/ng2-charts) - Angular directives for 6 different types of charts, with properties based on chart.js.
- NG2 Dragula (https://valor-software.com/ng2-dragula/) !Repo Star (https://img.shields.io/github/stars/valor-software/ng2-dragula.svg?label=&style=social)
(https://github.com/valor-software/ng2-dragula) - Official Angular wrapper for dragula for drag and drop
Related community list
- Awesome Angular (https://github.com/gdi2290/awesome-angular) - A curated list of awesome Angular resources
- Awesome Angular Components (https://github.com/brillout/awesome-angular-components) - Catalog of Angular 2+ Components & Libraries
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
EmberJS
- Ember Bootstrap (https://www.ember-bootstrap.com/) !Repo Star (https://img.shields.io/github/stars/kaliber5/ember-bootstrap.svg?label=&style=social)
(https://github.com/kaliber5/ember-bootstrap/) - Ember-cli addon for using Bootstrap as native Ember components
- Ember Components (http://indexiatech.github.io/ember-components) !Repo Star (https://img.shields.io/github/stars/indexiatech/ember-components.svg?label=&style=social)
(https://github.com/indexiatech/ember-components) - This project aims to be the successor of Bootstrap for Ember (https://github.com/ember-addons/bootstrap-for-ember) project as all
components on this suite are not bound to any specific CSS framework.
- Ember Material Design (http://mike1234.com/ember-material-design) !Repo Star (https://img.shields.io/github/stars/mike1o1/ember-material-design.svg?label=&style=social)
(https://github.com/mike1o1/ember-material-design) - Implementation of Material Design in EmberJS
- Ember Material Lite (http://mike.works/ember-material-lite) !Repo Star (https://img.shields.io/github/stars/mike-north/ember-material-lite.svg?label=&style=social)
(https://github.com/mike-north/ember-material-lite) - Material Design Lite for Ember.js Apps
- Ember UIkit (https://github.com/adfinis-sygroup/ember-uikit) !Repo Star (https://img.shields.io/github/stars/adfinis-sygroup/ember-uikit.svg?label=&style=social)
(https://github.com/adfinis-sygroup/ember-uikit) - This addon is a wrapper for the CSS library UIkit which exposes certain components to give users an easy way for using UIkit in ember apps.
- Semantic UI Ember (https://semantic-org.github.io/Semantic-UI-Ember/) !Repo Star (https://img.shields.io/github/stars/Semantic-Org/Semantic-UI-Ember.svg?label=&style=social)
(https://github.com/Semantic-Org/Semantic-UI-Ember) - Semantic UI Ember is the official EmberJS integration for Semantic UI.It’s used by Netflix, Amazon and other major organizations.
- SL Ember Components (http://softlayer.github.io/sl-ember-components/) !Repo Star (https://img.shields.io/github/stars/softlayer/sl-ember-components.svg?label=&style=social)
(https://github.com/softlayer/sl-ember-components) - An Ember CLI Addon that provides a variety of UI components.
- UI-bootstrap (https://github.com/lifegadget/ui-bootstrap) !Repo Star (https://img.shields.io/github/stars/lifegadget/ui-bootstrap.svg?label=&style=social)
(https://github.com/lifegadget/ui-bootstrap) - An Ember-flavoured Bootstrap 4.x eco-system
Special use case libraries
- AnyChart-Ember (https://www.anychart.com/) !Repo Star (https://img.shields.io/github/stars/AnyChart/AnyChart-Ember.svg?label=&style=social) (https://github.com/AnyChart/AnyChart-Ember) -
AnyChart Component for Ember CLI provides an easy way to use AnyChart JavaScript Charts with Ember Framework
Related community list
- Awesome Ember (https://github.com/nmec/awesome-ember) - A curated list of awesome Ember.js things.
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
Mithril
- Construct UI (https://vrimar.github.io/construct-ui/) !Repo Star (https://img.shields.io/github/stars/vrimar/construct-ui.svg?label=&style=social) (https://github.com/vrimar/construct-ui)
- A UI kit for mithriljs with many common components inspired by blueprint
- Polythene (https://arthurclemens.github.io/polythene-demos/mithril/#/) !Repo Star (https://img.shields.io/github/stars/ArthurClemens/Polythene.svg?label=&style=social)
(https://github.com/ArthurClemens/Polythene) - Material Design component library for Mithril
- Mithril-Materialized (https://erikvullings.github.io/mithril-materialized/index.html) !Repo Star
(https://img.shields.io/github/stars/erikvullings/mithril-materialized.svg?label=&style=social) (https://github.com/erikvullings/mithril-materialized) - a materialized-CSS Mithril components
library
- mithril-ui (https://github.com/khalti/mithril-ui) !Repo Star (https://img.shields.io/github/stars/khalti/mithril-ui.svg?label=&style=social) (https://github.com/khalti/mithril-ui) - UI
components for Mithril.js
Related community list
- Awesome Mithril (https://github.com/orbitbot/awesome-mithril) - A curated list of Mithril awesome
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
Web Components
- Aybolit (https://web-padawan.github.io/aybolit) !Repo Star (https://img.shields.io/github/stars/web-padawan/aybolit.svg?label=&style=social) (https://github.com/web-padawan/aybolit) -
Lightweight, standards-based, framework agnostic web components library built with LitElement
- Elix (https://github.com/elix/elix) !Repo Star (https://img.shields.io/github/stars/elix/elix.svg?label=&style=social) (https://github.com/elix/elix) - High-quality, customizable web
components for common user interface patterns
- Material Web Components (https://github.com/material-components/material-components-web-components) !Repo Star
(https://img.shields.io/github/stars/material-components/material-components-web-components.svg?label=&style=social)
(https://github.com/material-components/material-components-web-components) - Material Design implemented as Web Components
- Material Web Components (Custom Elements) (https://dannymoerkerke.github.io/material-webcomponents) by DannyMoerkerke !Repo Star
(https://img.shields.io/github/stars/DannyMoerkerke/material-webcomponents.svg?label=&style=social) (https://github.com/DannyMoerkerke/material-webcomponents) - Custom Elements for Material
Design
- Vaadin components (https://github.com/vaadin/vaadin) !Repo Star (https://img.shields.io/github/stars/vaadin/vaadin.svg?label=&style=social) (https://github.com/vaadin/vaadin) - Evolving
set of high-quality web components for building business web applications
- Wired Elements (https://github.com/wiredjs/wired-elements) !Repo Star (https://img.shields.io/github/stars/wiredjs/wired-elements.svg?label=&style=social)
(https://github.com/wiredjs/wired-elements) - Set of common UI elements with a hand-drawn, sketchy look.
Related community list
- Web Components the Right Way (https://github.com/mateusortiz/webcomponents-the-right-way) - A curated list of awesome Web Components resources.
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
A11y Components
- a11y-contrast (https://github.com/darekkay/a11y-contrast) — A CLI utility to calculate/verify accessible magic numbers for a color palette.
- a11y-dialog (https://github.com/KittyGiraudel/a11y-dialog) - A very lightweight and flexible accessible modal dialog script.
- react-a11y-dialog (https://github.com/KittyGiraudel/react-a11y-dialog) - Port of a11y-dialog to React.
- vue-a11y-dialog (https://github.com/morkro/vue-a11y-dialog) - Port of a11y-dialog to Vue.
- svelte-a11y-dialog (https://github.com/AgnosticUI/svelte-a11y-dialog) - Port of a11y-dialog to Svelte.
- a11y-tabs (https://github.com/agnosticui/a11y-tabs) - A lightweight (<1Kb) JavaScript package to facilitate a11y-compliant tabbed interfaces.
- a11y-menu (https://aberkow.github.io/a11y-menu/) — This project aims to create a re-useable and accessible main navigation module.
- Scott Ohara's a11y components (https://github.com/scottaohara/accessible_components) — Listing of accessible components & patterns.
- Deque Cauldron (https://pattern-library.dequelabs.com/) — A fullyaccessibleHTML, CSS, and Javascript front-end framework for creating web and mobile applications.
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
Some Community conversations
1. What are some of the ui libraries you used? (https://www.reddit.com/r/reactjs/comments/9fhxj0/what_are_some_of_the_ui_libraries_you_used_for/)
2. Checked 21 react ui kits briefly, I'm done! (https://www.reddit.com/r/reactjs/comments/a6qhbr/checked_21_react_ui_kits_briefly_im_done/)
3. How many ui libraries is enough? (https://dev.to/rhymes/how-many-ui-libraries-is-enough-17om)
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
Styleguides
- Awesome UX Designs (https://github.com/anubhavsrivastava/awesome-ux-design-styles)
- styleguides.io (http://styleguides.io/) - Website Style Guide Resources
- Design Systems Gallery (https://designsystemsrepo.com/design-systems/) - A comprehensive and curated list of design systems, style guides and pattern libraries that you can use for
inspiration.
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
Contribution
Suggestions and PRs are welcome!
Please read the contribution guidelines (CONTRIBUTING.md) to get started.
License
Creative Commons Zero v1.0 Universal
!CC0 (http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg) (https://creativecommons.org/publicdomain/zero/1.0/)
!HitCount (http://hits.dwyl.io/anubhavsrivastava/awesome-ui-component-library.svg) (http://hits.dwyl.io/anubhavsrivastava/awesome-ui-component-library)
!PRs Welcome (https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square) (http://makeapullrequest.com)
!Contributors (https://badgen.net/github/contributors/anubhavsrivastava/awesome-ui-component-library) (https://github.com/anubhavsrivastava/awesome-ui-component-library/graphs/contributors)
!Awesome (https://awesome.re/badge.svg) (https://awesome.re)
▐ Curated list of framework component libraries for UI styles/toolkit/design systems
Design System - A comprehensive guide to design systems (https://www.invisionapp.com/inside-design/guide-to-design-systems/)
This list doesn't include individual component libraries like button, select, forms, etc
Related List - Awesome UX Design Styleguides (https://github.com/anubhavsrivastava/awesome-ux-design-styles)
Contents
- React (#react)
- **Special use case libraries** (#special-use-case-libraries)
- **Tools** (#tools)
- **Related community list** (#related-community-list)
- VueJS (#vuejs)
- **Special use case libraries** (#special-use-case-libraries-1)
- **Related community list** (#related-community-list-1)
- React Native (#react-native)
- **Special use case libraries** (#special-use-case-libraries-2)
- **Related community list** (#related-community-list-2)
- Angular (#angular)
- **Special use case libraries** (#special-use-case-libraries-3)
- **Related community list** (#related-community-list-3)
- EmberJS (#emberjs)
- **Special use case libraries** (#special-use-case-libraries-4)
- **Related community list** (#related-community-list-4)
- Mithril (#mithril)
- **Related community list** (#related-community-list-5)
- Web Components (#web-components)
- **Related community list** (#related-community-list-6)
- Some Community conversations (#some-community-conversations)
- Styleguides (#styleguides)
- Contribution (#contribution)
- License (#license)
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
React
- AgnosticUI (https://www.agnosticui.com/) - Accessible React Component Primitives (that also work with Svelte, Vue 3, and Angular).
- Amaze UI (http://amazeui.org/react/) !Repo Star (https://img.shields.io/github/stars/amazeui/amazeui-react.svg?label=&style=social) (https://github.com/amazeui/amazeui-react) - React
components based on AmazeUI (http://amazeui.org/)
- Amaze UI Touch (http://t.amazeui.org) !Repo Star (https://img.shields.io/github/stars/amazeui/amazeui-touch.svg?label=&style=social) (https://github.com/amazeui/amazeui-touch/) -
React.js-based mobile web component library
- ARWES (https://arwes.dev/) !Repo Star (https://img.shields.io/github/stars/arwesjs/arwes.svg?label=&style=social) (https://github.com/arwesjs/arwes) - Futuristic Sci-Fi and Cyberpunk
Graphical User Interface Framework for Web Apps
- Ant Design React (https://ant.design/) !Repo Star (https://img.shields.io/github/stars/ant-design/ant-design.svg?label=&style=social) (https://github.com/ant-design/ant-design) - An
enterprise-class UI design language and React-based implementation. Ant-design Pro is available here (https://github.com/ant-design/ant-design-pro)
- Atlaskit (https://atlaskit.atlassian.com/) - Atlasssian’s official React UI kit is the technical implementation of the Atlassian Design Guidelines (ADG)
- Backpack (https://backpack.github.io/components) !Repo Star (https://img.shields.io/github/stars/Skyscanner/backpack.svg?label=&style=social) (https://github.com/Skyscanner/backpack) -
Backpack Design System used to build skyscanner products
- Backpack UI (https://lonelyplanet.github.io/backpack-ui) !Repo Star (https://img.shields.io/github/stars/lonelyplanet/backpack-ui.svg?label=&style=social)
(https://github.com/lonelyplanet/backpack-ui) - Component library to build the Lonely Planet UI experience.
- Base UI (https://baseui.netlify.com) !Repo Star (https://img.shields.io/github/stars/uber-web/baseui.svg?label=&style=social) (https://github.com/uber-web/baseui) - A React Component
library implementing the Base UI design
- Belle (http://nikgraf.github.io/) !Repo Star (https://img.shields.io/github/stars/nikgraf/belle.svg?label=&style=social) (https://github.com/nikgraf/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 (https://bloom.appearhere.co.uk) !Repo Star (https://img.shields.io/github/stars/appearhere/bloom.svg?label=&style=social) (https://github.com/appearhere/bloom) - Bloom acts as a
central repository for reuseable React components and common styles for AppearHere. It is bootstrapped with create-react-app.
- Blue (https://helpscout.gitbook.io/hsds-react/) !Repo Star (https://img.shields.io/github/stars/helpscout/hsds-react.svg?label=&style=social) (https://github.com/helpscout/hsds-react) -
React components for Help Scout's Design System
- Blueprint (https://blueprintjs.com/) !Repo Star (https://img.shields.io/github/stars/palantir/blueprint.svg?label=&style=social) (https://github.com/palantir/blueprint) - A React-based UI
toolkit for building complex, data-dense web interfaces for desktop applications.
- Buffer (https://bufferapp.github.io/buffer-components) !Repo Star (https://img.shields.io/github/stars/bufferapp/buffer-components.svg?label=&style=social)
(https://github.com/bufferapp/buffer-components) - Buffer's shared collection of React UI components
- Buttercup UI (https://buttercup.pw/) !Repo Star (https://img.shields.io/github/stars/buttercup/ui.svg?label=&style=social) (https://github.com/buttercup/ui) - React UI Components used in
Buttercup products
- Carbon (http://react.carbondesignsystem.com) !Repo Star (https://img.shields.io/github/stars/IBM/carbon-components-react.svg?label=&style=social)
(https://github.com/IBM/carbon-components-react) - React components according to IBM’s Carbon design system (http://carbondesignsystem.com/)
- Canvas (https://canvas.hubspot.com/components) - HubSpot Canvas is the design system that HubSpot uses to build products.
- cf-design (https://cloudflare.github.io/cf-ui) !Repo Star (https://img.shields.io/github/stars/cloudflare/cf-ui.svg?label=&style=social) (https://github.com/cloudflare/cf-ui) - Cloudflare
UI Framework
- chakra-ui (https://chakra-ui.com/) !Repo Star (https://img.shields.io/github/stars/chakra-ui/chakra-ui.svg?label=&style=social) (https://github.com/chakra-ui/chakra-ui) - Modular &
Accessible UI Components for your React Applications
- Cosmos (https://auth0-cosmos.now.sh) !Repo Star (https://img.shields.io/github/stars/auth0/cosmos.svg?label=&style=social) (https://github.com/auth0/cosmos) - Component library for Auth0
Design System
- design-blocks (https://www.froala.com/design-blocks) !Repo Star (https://img.shields.io/github/stars/froala/react-froala-design-blocks.svg?label=&style=social)
(https://github.com/froala/react-froala-design-blocks) - Over 170 responsive design blocks ready to be used in your web or mobile apps. All blocks are based on the Bootstrap Library
- Elastic (https://elastic.github.io/eui/) !Repo Star (https://img.shields.io/github/stars/elastic/eui.svg?label=&style=social) (https://github.com/elastic/eui) - The Elastic UI Framework
is a collection of React UI components for quickly building user interfaces at Elastic
- Element (https://elemefe.github.io/element-react) !Repo Star (https://img.shields.io/github/stars/ElemeFE/element-react.svg?label=&style=social) (https://github.com/ElemeFE/element-react)
- Initially build for VueJs, Library provides a rich selection of customizable components along with a full style-guide
- Elemental UI (http://elemental-ui.com/) !Repo Star (https://img.shields.io/github/stars/elementalui/elemental.svg?label=&style=social) (https://github.com/elementalui/elemental)- A UI
Toolkit for React.js Websites and Apps
- Evergreen (https://evergreen.segment.com/) !Repo Star (https://img.shields.io/github/stars/segmentio/evergreen.svg?label=&style=social) (https://github.com/segmentio/evergreen) -
Evergreen is a React UI Framework from Segment for products on the web.
- Fabric (https://developer.microsoft.com/en-us/fabric) !Repo Star (https://img.shields.io/github/stars/OfficeDev/office-ui-fabric-react.svg?label=&style=social)
(https://github.com/OfficeDev/office-ui-fabric-react) - A set of React components for building experiences for Office and Office 365 by Microsoft, written in Typescript.
- Falcon UI (https://falcon-ui.docs.deity.io/) !Repo Star (https://img.shields.io/github/stars/deity-io/falcon.svg?label=&style=social)
(https://github.com/deity-io/falcon/tree/master/packages/falcon-ui) - falcon-ui is a library of composable, themable, design-system-driven UI components for React.
- Feather (https://design.alfabank.ru/) !Repo Star (https://img.shields.io/github/stars/alfa-laboratory/arui-feather.svg?label=&style=social)
(https://github.com/alfa-laboratory/arui-feather) - is a library of React components for creating web interfaces at Alfa-Bank
- Feelix (https://feelix.myob.com/) - collection of front-end interface elements that can be reused across the MYOB browser-based products.
- FYNDIQ-UI (http://developers.fyndiq.com/fyndiq-ui) !Repo Star (https://img.shields.io/github/stars/fyndiq/fyndiq-ui.svg?label=&style=social) (https://github.com/fyndiq/fyndiq-ui) -
Library of reusable web frontend components for Fyndiq
- Garden (https://garden.zendesk.com/react-components/) !Repo Star (https://img.shields.io/github/stars/zendeskgarden/react-components.svg?label=&style=social)
(https://github.com/zendeskgarden/react-components) - Garden React components based on garden css
- Gestalt (https://pinterest.github.io/gestalt/) !Repo Star (https://img.shields.io/github/stars/pinterest/gestalt.svg?label=&style=social) (https://github.com/pinterest/gestalt) - A set of
React UI components that supports Pinterest’s design language.
- GovUK React (https://govuk-react.github.io/govuk-react/) !Repo Star (https://img.shields.io/github/stars/govuk-react/govuk-react.svg?label=&style=social)
(https://github.com/govuk-react/govuk-react/) - An implementation of the GOV.UK Design System in React using CSSinJS using Object notation (with styled-components).
- Grommet (https://v2.grommet.io/) !Repo Star (https://img.shields.io/github/stars/grommet/grommet.svg?label=&style=social) (https://github.com/grommet/grommet) - React-based framework that
provides accessibility, modularity, responsiveness, and theming.
- Gumdrops (https://gumdrops.gumgum.com/) !Repo Star (https://img.shields.io/github/stars/gumgum/gumdrops.svg?label=&style=social) (https://github.com/gumgum/gumdrops) - GumGum's React
Reusable Component Library
- Hack Club's design system (https://design.hackclub.com) !Repo Star (https://img.shields.io/github/stars/hackclub/design-system.svg?label=&style=social)
(https://github.com/hackclub/design-system) - Component inspired by Priceline's design system
- Hana UI (https://hana-ui.moe/en/overview) !Repo Star (https://img.shields.io/github/stars/hana-group/hana-ui.svg?label=&style=social) (https://github.com/hana-group/hana-ui) - A react
UIKit with nijigen style.
- Ice (https://alibaba.github.io/ice/) !Repo Star (https://img.shields.io/github/stars/alibaba/ice.svg?label=&style=social) (https://github.com/alibaba/ice/) - Design kit by Alibaba
- Instructure UI (https://instructure.design/) !Repo Star (https://img.shields.io/github/stars/instructure/instructure-ui.svg?label=&style=social)
(https://github.com/instructure/instructure-ui) - A UI Component Library made by Instructure, Inc
- KhanAcademy React (http://khan.github.io/react-components/) !Repo Star (https://img.shields.io/github/stars/Khan/react-components.svg?label=&style=social)
(https://github.com/Khan/react-components) - Khan’s academy’s React UI components released to the community
- Klarna UI (https://klarna.github.io/ui/) !Repo Star (https://img.shields.io/github/stars/klarna/ui.svg?label=&style=social) (https://github.com/klarna/ui) - Klarna's UI components library
for React
- Lightning Design System (https://react.lightningdesignsystem.com/) !Repo Star (https://img.shields.io/github/stars/salesforce/design-system-react.svg?label=&style=social)
(https://github.com/salesforce/design-system-react) - This library is the React implementation of the Salesforce Lightning Design System (https://www.lightningdesignsystem.com/)
- Material UI (https://material-ui.com/) !Repo Star (https://img.shields.io/github/stars/mui-org/material-ui.svg?label=&style=social) (https://github.com/mui-org/material-ui) - Components
that implement Google's Material Design. Example usage can be seen here (https://material-ui.com/getting-started/example-projects/).
- MDBootstrap (http://mdbootstrap.com/material-design-for-bootstrap/) !Repo Star
(https://img.shields.io/github/stars/mdbootstrap/React-Bootstrap-with-Material-Design.svg?label=&style=social) (https://github.com/mdbootstrap/React-Bootstrap-with-Material-Design) - Material
Design UI KIT based on Bootstrap 4
- MongoDB UI Design (http://mongodb.design) !Repo Star (https://img.shields.io/github/stars/mongodb/design.svg?label=&style=social) (https://github.com/mongodb/design) - The MongoDB Design
System contains the UI building blocks that make up the user experience across all MongoDB products.
- Mineral UI (https://mineral-ui.com/) !Repo Star (https://img.shields.io/github/stars/mineral-ui/mineral-ui.svg?label=&style=social) (https://github.com/mineral-ui/mineral-ui) - A design
system and React component library for the web that lets you quickly build high-quality, accessible apps. Created by CA Technologies (https://www.ca.com)
- Nice! React (https://github.com/textkernel/nice-react) !Repo Star (https://img.shields.io/github/stars/textkernel/nice-react.svg?label=&style=social)
(https://github.com/textkernel/nice-react) - Nice! React provides UI elements from the Nice! UI library in the form of React components
- OneUI (https://textkernel.github.io/oneui) !Repo Star (https://img.shields.io/github/stars/textkernel/oneui.svg?label=&style=social) (https://github.com/textkernel/oneui) - Textkernel
OneUI library of reusable UI components
- Onsen UI React (https://onsen.io/react/) !Repo Star (https://img.shields.io/github/stars/OnsenUI/OnsenUI.svg?label=&style=social) (https://github.com/OnsenUI/OnsenUI) - More than 100
components are specially made for Material and Flat design based on original the Onsen UI framework
- Orbit Components (https://orbit.kiwi/) !Repo Star (https://img.shields.io/github/stars/kiwicom/orbit-components.svg?label=&style=social) (https://github.com/kiwicom/orbit-components/) -
Orbit-components is a React component library. Based on Kiwi's design which governs their product style.
- Orion (https://inloco.github.io/orion/) !Repo Star (https://img.shields.io/github/stars/inloco/orion.svg?label=&style=social) (https://github.com/inloco/orion) - In Loco's component
library, based on React Semantic UI.
- PatternFly React (https://www.patternfly.org) !Repo Star (https://img.shields.io/github/stars/patternfly/patternfly-react.svg?label=&style=social)
(https://github.com/patternfly/patternfly-react) - A set of React components for the PatternFly project (https://github.com/patternfly/patternfly-design-kit) which is built on top of
Bootstrap 3.
- Pivotal UI (https://styleguide.pivotal.io) !Repo Star (https://img.shields.io/github/stars/pivotal-cf/pivotal-ui.svg?label=&style=social) (https://github.com/pivotal-cf/pivotal-ui) -
Pivotal UI is a collection of React components that are styled for the Pivotal brand
- Plasma (http://plasma.guide/) !Repo Star (https://img.shields.io/github/stars/wework/plasma.svg?label=&style=social) (https://github.com/wework/plasma) - Plasma is a design system for
creating sensible, modern interfaces.
- Pluralsight Design System (https://design-system.pluralsight.com) !Repo Star (https://img.shields.io/github/stars/pluralsight/design-system.svg?label=&style=social)
(https://github.com/pluralsight/design-system) - The UI building blocks for creating a cohesive design across Pluralsight products
- Polaris React (https://polaris.shopify.com/) !Repo Star (https://img.shields.io/github/stars/Shopify/polaris-react.svg?label=&style=social) (https://github.com/Shopify/polaris-react) -
Polaris React is a component library based on Shopify's Polaris style (https://polaris.shopify.com/resources/polaris-ui-kit)
- Priceline One (https://pricelinelabs.github.io/design-system/) !Repo Star (https://img.shields.io/github/stars/pluralsight/design-system.svg?label=&style=social)
(https://github.com/pluralsight/design-system) - The UI building blocks for creating a cohesive design across Pluralsight products.
- Prime React (https://www.primefaces.org/primereact) !Repo Star (https://img.shields.io/github/stars/primefaces/primereact.svg?label=&style=social)
(https://github.com/primefaces/primereact) - This project which provides a rich and unique selection of over 60 UI components with multiple themes
- Quran (https://quran.github.io/common-components/) !Repo Star (https://img.shields.io/github/stars/quran/common-components.svg?label=&style=social)
(https://github.com/quran/common-components) - Common components used across Quran.com, Quranicaudio.com and Salah.com
- RBX (https://dfee.github.io/rbx/) !Repo Star (https://img.shields.io/github/stars/dfee/rbx.svg?label=&style=social) (https://github.com/dfee/rbx) - The Comprehensive Bulma UI Framework
for React
- Reakit (https://reakit.io/) !Repo Star (https://img.shields.io/github/stars/reakit/reakit.svg?label=&style=social) (https://github.com/reakit/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 (https://ui.reach.tech/) !Repo Star (https://img.shields.io/github/stars/reach/reach-ui.svg?label=&style=social) (https://github.com/reach/reach-ui) - The Accessible Foundation
for React Apps and Design Systems
- Reactackle (https://reactackle.braincrumbs.io/) !Repo Star (https://img.shields.io/github/stars/bcrumbs/reactackle.svg?label=&style=social) (https://github.com/bcrumbs/reactackle) - React
UI library build with styled-components which provides cross-browser support
- reactstrap (https://reactstrap.github.io/) !Repo Star (https://img.shields.io/github/stars/reactstrap/reactstrap.svg?label=&style=social) (https://github.com/reactstrap/reactstrap) -
Stateless React Bootstrap 4 components that favor composition and control. The library does not depend on jQuery or Bootstrap javascript
- React95 (https://react95.github.io/React95) !Repo Star (https://img.shields.io/github/stars/React95/React95.svg?label=&style=social) (https://github.com/React95/React95) - A React
components library with Win95 UI
- React Bootstrap (https://react-bootstrap.github.io/)!Repo Star (https://img.shields.io/github/stars/react-bootstrap/react-bootstrap.svg?label=&style=social)
(https://github.com/react-bootstrap/react-bootstrap) - React-Bootstrap is a complete re-implementation of the Bootstrap 3 components using React.
- React Desktop (http://reactdesktop.js.org/) !Repo Star (https://img.shields.io/github/stars/gabrielbull/react-desktop.svg?label=&style=social)
(https://github.com/gabrielbull/react-desktop) - UI component library which aims to bring a native desktop experience to the web, featuring many macOS Sierra and Windows 10 components.
- React Foundation (https://react.foundation/) - !Repo Star (https://img.shields.io/github/stars/nordsoftware/react-foundation.svg?label=&style=social)
(https://github.com/nordsoftware/react-foundation) - React components for Foundation (https://foundation.zurb.com/) UI Design.
- React Ionic (http://reactionic.github.io/) !Repo Star (https://img.shields.io/github/stars/pors/reactionic.svg?label=&style=social) (https://github.com/pors/reactionic) - React components
for Ionic which allows us to build iOS and Android apps that are indistinguishable from native apps.
- React Material Web Components (https://jamesmfriedman.github.io/rmwc/) !Repo Star (https://img.shields.io/github/stars/jamesmfriedman/rmwc.svg?label=&style=social)
(https://github.com/jamesmfriedman/rmwc) - React Material Web Components, wraps Google's Official Material Design Components. Includes Flow and Typescript types. Individually packaged
components.
- React Materialize (https://react-materialize.github.io) !Repo Star (https://img.shields.io/github/stars/react-materialize/react-materialize.svg?label=&style=social)
(https://github.com/react-materialize/react-materialize) - Material design for react, powered by materialize.css
- React MD (https://react-md.mlaursen.com/) !Repo Star (https://img.shields.io/github/stars/mlaursen/react-md.svg?label=&style=social) (https://github.com/mlaursen/react-md) - React toolkit
for building a web app with Google’s Material Design with very highly customizable themes and styling (Sass)
- React Native Starter (https://flatlogic.com/templates/react-native-starter) !Repo Star (https://img.shields.io/github/stars/mlaursen/react-md.svg?label=&style=social)
(https://github.com/flatlogic/react-native-starter) - A powerful react native starter template that bootstraps development of your mobile application.
- React Responsive UI (https://catamphetamine.github.io/react-responsive-ui/) !Repo Star (https://img.shields.io/github/stars/catamphetamine/react-responsive-ui.svg?label=&style=social)
(https://github.com/catamphetamine/react-responsive-ui) - Responsive React UI components
- React Toolbox (http://react-toolbox.io) !Repo Star (https://img.shields.io/github/stars/react-toolbox/react-toolbox.svg?label=&style=social)
(https://github.com/react-toolbox/react-toolbox/) - set of React components that implement Google's Material Design specification. It's powered by CSS Modules and harmoniously integrates with
your webpack workflow.
- React UI (http://lobos.github.io/react-ui) !Repo Star (https://img.shields.io/github/stars/Lobos/react-ui.svg?label=&style=social) (https://github.com/Lobos/react-ui) - A collection of
components for React, based on bootstrap 4.0. This project is no longer maintained.
- React UIKit Components (http://kbuechl.github.io/react-uikit-components/) !Repo Star (https://img.shields.io/github/stars/kbuechl/react-uikit-components.svg?label=&style=social)
(https://github.com/kbuechl/react-uikit-components) - Collection of React components using the UIkit CSS framework.
- React UWP (https://www.react-uwp.com/) !Repo Star (https://img.shields.io/github/stars/myxvisual/react-uwp.svg?label=&style=social) (https://github.com/myxvisual/react-uwp) - React
Components that Implement Microsoft's UWP Design & Fluent Design
- React WeUI (https://weui.github.io/react-weui/docs) !Repo Star (https://img.shields.io/github/stars/weui/react-weui.svg?label=&style=social) (https://github.com/weui/react-weui) - WeUI
Components build with React inspired by WeChat
- Rebass (https://rebassjs.org/) !Repo Star (https://img.shields.io/github/stars/rebassjs/rebass.svg?label=&style=social) (https://github.com/rebassjs/rebass) - React UI component library &
design system, built with styled-components and styled-system. It’s a great choice for Styled-components fans.
- Rendition (https://balena-io-modules.github.io/rendition/) !Repo Star (https://img.shields.io/github/stars/balena-io-modules/rendition.svg?label=&style=social)
(https://github.com/balena-io-modules/rendition) - A library of UI components, built using React, recompose, styled-components and styled-system.
- RingUI (https://jetbrains.github.io/ring-ui/) !Repo Star (https://img.shields.io/github/stars/JetBrains/ring-ui.svg?label=&style=social) (https://github.com/JetBrains/ring-ui) - This
collection of UI components aims to provide all of the necessary building blocks for web-based products built inside JetBrains
- RSuite (https://rsuitejs.com/) !Repo Star (https://img.shields.io/github/stars/rsuite/rsuite.svg?label=&style=social) (https://github.com/rsuite/rsuite) - RSUITE (React Suite) is a set of
react component libraries for enterprise system products.
- Salt UI (https://salt-ui.github.io) !Repo Star (https://img.shields.io/github/stars/salt-ui/saltui.svg?label=&style=social) (https://github.com/salt-ui/saltui) - concise mobile UI
component library
- Seek Style (https://seek-oss.github.io/seek-style-guide) !Repo Star (https://img.shields.io/github/stars/seek-oss/seek-style-guide.svg?label=&style=social)
(https://github.com/seek-oss/seek-style-guide) - Living style guide for SEEK, powered by React, webpack, CSS Modules and Less.
- Semantic UI React (https://react.semantic-ui.com/) !Repo Star (https://img.shields.io/github/stars/Semantic-Org/Semantic-UI-React.svg?label=&style=social)
(https://github.com/Semantic-Org/Semantic-UI-React)- Semantic UI React is the official React integration for Semantic UI. It’s used by Netflix, Amazon and other major organizations. Examples
can be found here (https://github.com/Semantic-Org/Semantic-UI-React/tree/master/examples)
- Shards (https://designrevision.com/docs/shards-react/) !Repo Star (https://img.shields.io/github/stars/designrevision/shards-react.svg?label=&style=social)
(https://github.com/designrevision/shards-react) - Shards React is a free, beautiful and modern React UI kit based on Shards (https://designrevision.com/downloads/shards/)
- Smooth UI (https://smooth-ui.smooth-code.com/) !Repo Star (https://img.shields.io/github/stars/smooth-code/smooth-ui.svg?label=&style=social) (https://github.com/smooth-code/smooth-ui) -
Smooth UI is a style system / UI library for React. It works with Styled Components
- Snacks (https://instacart.github.io/Snacks/) !Repo Star (https://img.shields.io/github/stars/instacart/Snacks.svg?label=&style=social) (https://github.com/instacart/Snacks) - Snacks is a
JavaScript and React based component library. It has a default theme matching Instacart's styles.
- Spark (https://sparkdesignsystem.com/) !Repo Star (https://img.shields.io/github/stars/sparkdesignsystem/spark-design-system.svg?label=&style=social)
(https://github.com/sparkdesignsystem/spark-design-system) - Spark Design System is a system of patterns and components used to create the user interface for the Quicken Loans family of
Fintech products.
- Stardust UI (https://stardust-ui.github.io/react/) !Repo Star (https://img.shields.io/github/stars/stardust-ui/react.svg?label=&style=social) (https://github.com/stardust-ui/react) -
Stardust is a set of specifications and tools for building UI libraries. It is based on a fork of Semantic UI React (SUIR) (https://github.com/Semantic-Org/Semantic-UI-React).
- Shineout (https://sheinsight.github.io/shineout/1.1.x/#/) !Repo Star (https://img.shields.io/github/stars/sheinsight/shineout.svg?label=&style=social)
(https://github.com/sheinsight/shineout) - A theme-able components library for React which support i18n.
- Tenon-UI (https://www.tenon-ui.info/) !Repo Star (https://img.shields.io/github/stars/tenon-io/tenon-ui.svg?label=&style=social) (https://github.com/tenon-io/tenon-ui) - Go-to library for
React developers who want to build inclusive and accessible sites. Recommended for accessibility (a11y).
- UIW (https://uiwjs.github.io) !Repo Star (https://img.shields.io/github/stars/uiwjs/uiw.svg?label=&style=social) (https://github.com/uiwjs/uiw) - A high quality UI Toolkit, A Component
Library for React 16+
- UXCore (http://uxco.re/) !Repo Star (https://img.shields.io/github/stars/uxcore/uxcore.svg?label=&style=social) (https://github.com/uxcore/uxcore) - A React UI Component Suites living for
enterprise application by Alibaba, Inc.
- YamUI (https://microsoft.github.io/YamUI/) !Repo Star (https://img.shields.io/github/stars/Microsoft/YamUI.svg?label=&style=social) (https://github.com/Microsoft/YamUI) - Reusable
component framework for Yammer.com, it is built with React on top of Office UI Fabric components
- Uniform (http://uniform.hudl.com/) - Uniform is Hudl’s design system. It exists to unify Hudl’s products through design and code implementation.
- VTEX Styleguide (https://styleguide.vtex.com/) !Repo Star (https://img.shields.io/github/stars/vtex/styleguide.svg?label=&style=social) (https://github.com/vtex/styleguide)- The VTEX
Design System backed by React component library
- Yep-React (https://yep-react.jd.com/) !Repo Star (https://img.shields.io/github/stars/jdf2e/yep-react.svg?label=&style=social) (https://github.com/jdf2e/yep-react) - React v16-based
front-end UI component library for rapid development of mobile pages
- Zent (https://youzan.github.io/zent/en/guides/install) !Repo Star (https://img.shields.io/github/stars/youzan/zent.svg?label=&style=social) (https://github.com/youzan/zent) - Zent is a
React component library developed and used at Youzan with more than 50 components for now.
- Zero-UI (https://alphago88.github.io/Zero-UI/) !Repo Star (https://img.shields.io/github/stars/AlphaGo88/Zero-UI.svg?label=&style=social) (https://github.com/AlphaGo88/Zero-UI) - Zero-UI
is an easy-to-use web UI component framework which includes a set of useful components.
- ZHUI (https://zhui-team.github.io/zhui/) !Repo Star (https://img.shields.io/github/stars/zhui-team/zhui.svg?label=&style=social) (https://github.com/zhui-team/zhui) - A Chinese style
component library powered by React
- **Paid** Essential JS 2 for React by Syncfusion (https://www.syncfusion.com/react-ui-components) - Over 60 high-performance, lightweight, modular, and responsive UI components for React.
- **Paid** ExtReact (https://www.sencha.com/products/extreact/) !Repo Star (https://img.shields.io/github/stars/sencha/ext-react.svg?label=&style=social)
(https://github.com/sencha/ext-react) - 115+ pre-built UI components that are fully supported and designed to interact and work together, from Sencha UI
- **Paid** jQWidgets (https://www.jqwidgets.com/react/) - React components based on jqwidgets.
- **Paid** KendoReact (https://www.telerik.com/kendo-react-ui/) - 90+ professional UI components built from the ground up for React - responsive, accessible and feature rich.
- **Paid** Mobiscroll (https://mobiscroll.com/react) - React components for Mobile UI Controls.
- **Paid** Wijmo React (https://www.grapecity.com/en/react/) - React components for Wizmo Toolkit from grapeCity.
- React tsParticles (https://github.com/matteobruni/tsparticles) - React component for easily add fully customizable particles animations to websites and web applications
Special use case libraries
- Halogen (https://github.com/yuanyan/halogen) !Repo Star (https://img.shields.io/github/stars/yuanyan/halogen.svg?label=&style=social) (https://github.com/yuanyan/halogen) - A collection
of loading spinners with React.js
- Nivo (https://nivo.rocks/) !Repo Star (https://img.shields.io/github/stars/plouc/nivo.svg?label=&style=social) (https://github.com/plouc/nivo) - Nivo provides a rich set of dataviz
components, built on top of the awesome d3 and Reactjs libraries.
- Recharts (http://recharts.org) !Repo Star (https://img.shields.io/github/stars/recharts/recharts.svg?label=&style=social) (https://github.com/recharts/recharts) - Redefined chart library
components built with D3
- React CSS Loaders (https://lucasbassetti.com.br/react-css-loaders/) !Repo Star (https://img.shields.io/github/stars/LucasBassetti/react-css-loaders.svg?label=&style=social)
(https://github.com/LucasBassetti/react-css-loaders) - A collection of pure CSS React loading components
- React Epic Spinners (https://bondz.github.io/react-epic-spinners/) !Repo Star (https://img.shields.io/github/stars/bondz/react-epic-spinners.svg?label=&style=social)
(https://github.com/bondz/react-epic-spinners) - Reusable react components for spinners
- React Virtualized (https://bvaughn.github.io/react-virtualized/) !Repo Star (https://img.shields.io/github/stars/bvaughn/react-virtualized.svg?label=&style=social)
(https://github.com/bvaughn/react-virtualized) - React components for virtualizing large data sets for efficiently rendering lists and tabular data
- ReactGrid (https://reactgrid.com/) !Repo Star (https://img.shields.io/github/stars/silevis/reactgrid.svg?label=&style=social) (https://github.com/silevis/reactgrid) - Add spreadsheet-like
behavior to your React app
- Styled Icons (https://styled-icons.js.org/) !Repo Star (https://img.shields.io/github/stars/jacobwgillespie/styled-icons.svg?label=&style=social)
(https://github.com/jacobwgillespie/styled-icons) - Font Awesome, Feather, Material Design, and Octicons icon packs as Styled Components
- **Paid** ag-grid (https://www.ag-grid.com/) - Cross platform components for Grid/Tables
- **Paid** Get Data Den (https://getdataden.com/) - Plugin that extends your projects functionality with a table component
Tools
Bit (https://github.com/teambit/bit) !Repo Star (https://img.shields.io/github/stars/teambit/bit.svg?label=&style=social) (teambit/bitp) — 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 (http://airbnb.io/react-sketchapp/) !Repo Star (https://img.shields.io/github/stars/airbnb/react-sketchapp.svg?label=&style=social) (https://github.com/airbnb/react-sketchapp)
— render React components to Sketch; tailor-made for design systems
Related community list
- Awesome React (https://github.com/enaqx/awesome-react) - A collection of awesome things regarding React ecosystem.
- Awesome React Component (https://github.com/brillout/awesome-react-components) - Catalog of React Components & Libraries
- libreact (https://github.com/streamich/libreact) !Repo Star (https://img.shields.io/github/stars/streamich/libreact.svg?label=&style=social) (https://github.com/streamich/libreact) -
Collection of useful React components
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
VueJS
- AgnosticUI (https://www.agnosticui.com/) - Accessible Vue 3 Component Primitives (that also work with Svelte, React, and Angular).
- AT-UI (https://at.aotu.io/) !Repo Star (https://img.shields.io/github/stars/at-ui/at-ui.svg?label=&style=social) (https://github.com/at-ui/at-ui) - A fresh and flat UI-Kit specially for
desktop application
- BalmUI (https://material.balmjs.com/#/) !Repo Star (https://img.shields.io/github/stars/balmjs/ui-vue.svg?label=&style=social) (https://github.com/balmjs/ui-vue) - Next Generation
Material UI for Vue.js
- Bootstrap Vue (https://bootstrap-vue.js.org/) !Repo Star (https://img.shields.io/github/stars/bootstrap-vue/bootstrap-vue.svg?label=&style=social)
(https://github.com/bootstrap-vue/bootstrap-vue) - comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility
markup.
- Buefy (https://buefy.github.io/) !Repo Star (https://img.shields.io/github/stars/buefy/buefy.svg?label=&style=social) (https://github.com/buefy/buefy) - Lightweight UI components for
Vue.js based on Bulma, which are the library’s only two internal dependencies
- CarvueJS (https://carvuejs.github.io/home) !Repo Star (https://img.shields.io/github/stars/CarvueJS/carbon-components-vue.svg?label=&style=social)
(https://github.com/CarvueJS/carbon-components-vue) - Carvue is a UI components library which is based on Carbon-Design and VueJS.
- Cion (https://cion.visualjerk.de/) !Repo Star (https://img.shields.io/github/stars/visualjerk/vue-cion-design-system.svg?label=&style=social)
(https://github.com/visualjerk/vue-cion-design-system) - CION is a design system build primarily for Vue.js applications. You can use it as a starting point for building your own design
system.
- Cube UI (https://didi.github.io/cube-ui/#/en-US) !Repo Star (https://img.shields.io/github/stars/didi/cube-ui.svg?label=&style=social) (https://github.com/didi/cube-ui) - cube-ui is a UI
component library for mobile apps
- Element (https://element.eleme.io/) !Repo Star (https://img.shields.io/github/stars/ElemeFE/element.svg?label=&style=social) (https://github.com/ElemeFE/element) - Library provides a rich
selection of customizable components along with a full style-guide based on Vue 2.0
- Enterprise UI (https://baidu-design.github.io/development/veui) !Repo Star (https://img.shields.io/github/stars/ecomfe/veui.svg?label=&style=social) (https://github.com/ecomfe/veui) -
Enterprise UI for Vue.js. Based on ONE DESIGN from Baidu, Inc.
- Fish-UI (https://myliang.github.io/fish-ui/) !Repo Star (https://img.shields.io/github/stars/myliang/fish-ui.svg?label=&style=social) (https://github.com/myliang/fish-ui) - provides a
Vue-based web toolkit with neat and clean looking components. The library supports a ES2015 + Webpack workflow
- Framevuerk (https://framevuerk.com/) !Repo Star (https://img.shields.io/github/stars/framevuerk/framevuerk.svg?label=&style=social) (https://github.com/framevuerk/framevuerk) -
Responsive, Multi Language, Both Direction Support and Configurable UI Framework based on Vue.js
- Framework 7 Vue (https://framework7.io/vue/) !Repo Star (https://img.shields.io/github/stars/nolimits4web/framework7.svg?label=&style=social) (https://github.com/nolimits4web/framework7/)
- Full featured HTML framework for building iOS & Android apps
- HEYUI (https://www.heyui.top/en) !Repo Star (https://img.shields.io/github/stars/heyui/heyui.svg?label=&style=social) (https://github.com/heyui/heyui) - UI Toolkit for Vue2.0 with cli and
utils as part of ecosystem
- iView (https://iviewui.com/) !Repo Star (https://img.shields.io/github/stars/iview/iview.svg?label=&style=social) (https://github.com/iview/iview) - iView provides dozens of UI components
and widgets built with Vue.js and styled with a clean and elegant design
- JSmod Vue (http://jsmod-vue.tedfe.com/) !Repo Star (https://img.shields.io/github/stars/chaogao/jsmod-pc-vue.svg?label=&style=social) (https://github.com/chaogao/jsmod-pc-vue) - The goal
of jsmod is to provide a high degree of freedom (high scalability) ui components, and unified desktop and mobile usage
- Keen-UI (https://josephuspaye.github.io/Keen-UI) !Repo Star (https://img.shields.io/github/stars/JosephusPaye/Keen-UI.svg?label=&style=social) (https://github.com/JosephusPaye/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 (https://mand-mobile.github.io/2x-doc/) !Repo Star (https://img.shields.io/github/stars/didi/mand-mobile.svg?label=&style=social) (https://github.com/didi/mand-mobile) - A
mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.
- Material Components Vue (https://matsp.github.io/material-components-vue/) !Repo Star (https://img.shields.io/github/stars/matsp/material-components-vue.svg?label=&style=social)
(https://github.com/matsp/material-components-vue) - Material-components-vue integrates the mdc-web (by google) vanilla components
- MDBootstrap (http://mdbootstrap.com/material-design-for-bootstrap/) !Repo Star (https://img.shields.io/github/stars/mdbootstrap/Vue-Bootstrap-with-Material-Design.svg?label=&style=social)
(https://github.com/mdbootstrap/Vue-Bootstrap-with-Material-Design) - Material Design UI KIT based on Bootstrap 4
- Mint UI (http://mint-ui.github.io/#!/en) !Repo Star (https://img.shields.io/github/stars/ElemeFE/mint-ui.svg?label=&style=social) (https://github.com/ElemeFE/mint-ui/) - Mobile UI
elements for Vue.js
- Muse UI (https://muse-ui.org/) !Repo Star (https://img.shields.io/github/stars/museui/muse-ui.svg?label=&style=social) (https://github.com/museui/muse-ui) - Muse UI has more than 40 UI
components and customizable themes for Google's Material Design
- NutUI (https://nutui.jd.com/) !Repo Star (https://img.shields.io/github/stars/jdf2e/nutui.svg?label=&style=social) (https://github.com/jdf2e/nutui) - A set of Jingdong-style lightweight
mobile Vue component library
- N3 Components (https://n3-components.github.io/N3-components/) !Repo Star (https://img.shields.io/github/stars/N3-components/N3-components.svg?label=&style=social)
(https://github.com/N3-components/N3-components) - N3 components library is built with Vue.js, is a powerful library for frontend or full-stack engineers to build web pages quickly
- Office UI Fabric Vue (https://aidewoode.github.io/office-ui-fabric-vue/) !Repo Star (https://img.shields.io/github/stars/aidewoode/office-ui-fabric-vue.svg?label=&style=social)
(https://github.com/aidewoode/office-ui-fabric-vue) - Office UI Fabric implementation for Vue.js, build with office-ui-fabric-js
- Onsen UI (https://onsen.io/vue/) !Repo Star (https://img.shields.io/github/stars/OnsenUI/OnsenUI.svg?label=&style=social) (https://github.com/OnsenUI/OnsenUI) - More than 100 components
are specially made for Material and Flat design based on original the Onsen UI framework
- ProtoVue (https://github.com/v1Labs/protovue) !Repo Star (https://img.shields.io/github/stars/v1Labs/protovue.svg?label=&style=social) (https://github.com/v1Labs/protovue) - A prototyping
component library build for Vue.js from grid to UI elements
- Quasar (https://quasar-framework.org/) !Repo Star (https://img.shields.io/github/stars/quasarframework/quasar.svg?label=&style=social) (https://github.com/quasarframework/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 (https://ccforward.github.io/rubik/#/) !Repo Star (https://img.shields.io/github/stars/ccforward/rubik.svg?label=&style=social) (https://github.com/ccforward/rubik/) - 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 (https://semantic-ui-vue.github.io/) !Repo Star (https://img.shields.io/github/stars/Semantic-UI-Vue/Semantic-UI-Vue.svg?label=&style=social)
(https://github.com/Semantic-UI-Vue/Semantic-UI-Vue) - Semantic UI Vue is the official VueJS integration for Semantic UI.It’s used by Netflix, Amazon and other major organizations.
- SemVue (https://guilhermewaess.github.io/SemVue) !Repo Star (https://img.shields.io/github/stars/guilhermewaess/SemVue.svg?label=&style=social) (https://github.com/guilhermewaess/SemVue)
- Semantic-ui components easy in your vue project
- Space-kit (https://space-kit.netlify.com) !Repo Star (https://img.shields.io/github/stars/apollographql/space-kit.svg?label=&style=social) (https://github.com/apollographql/space-kit) -
The home base for Apollo's design system, Space Kit provides essential design resources for developers to use in the Apollo-branded interfaces.
- UI (https://vuejs.github.io/ui) !Repo Star (https://img.shields.io/github/stars/vuejs/ui.svg?label=&style=social) (https://github.com/vuejs/ui) - UI components for official Vue
organization apps
- Uiv (https://uiv.wxsm.space/) !Repo Star (https://img.shields.io/github/stars/wxsms/uiv.svg?label=&style=social) (https://github.com/wxsms/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 (https://youzan.github.io/vant) !Repo Star (https://img.shields.io/github/stars/youzan/vant.svg?label=&style=social) (https://github.com/youzan/vant) - Lightweight Mobile UI
Components built on Vue
- Vuetify (https://vuetifyjs.com/) !Repo Star (https://img.shields.io/github/stars/vuetifyjs/vuetify.svg?label=&style=social) (https://github.com/vuetifyjs/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 (https://github.com/chenz24/vue-blu) !Repo Star (https://img.shields.io/github/stars/chenz24/vue-blu.svg?label=&style=social) (https://github.com/chenz24/vue-blu) - UI Component
Library Base on Vue.js(2.x) and Bulma
- Vuecidity (https://vuecidity.wemakesites.net/) - component library inspired by Google Material Design and Bootstrap with set of 30+ UI components, 24-column responsive layout grid system.
- Vuedarkmode (https://www.vuedarkmode.com/) !Repo Star (https://img.shields.io/github/stars/LeCoupa/vuedarkmode.svg?label=&style=social) (https://github.com/LeCoupa/vuedarkmode) - A
minimilistic set of components designed for the insomniacs who enjoy dark interfaces as much as we do.
- VueFace (https://sudheerj.github.io/vueface/#/) !Repo Star (https://img.shields.io/github/stars/sudheerj/vueface.svg?label=&style=social) (https://github.com/sudheerj/vueface) - Component
library for VueJS framework with around 40 components with support of 20+ themes.
- Vue Bulma (https://github.com/vouill/vue-bulma-components) !Repo Star (https://img.shields.io/github/stars/vouill/vue-bulma-components.svg?label=&style=social)
(https://github.com/vouill/vue-bulma-components) - Translate Bulma css api to vue components
- Vue Carbon (http://www.myronliu.com/vue-carbon) !Repo Star (https://img.shields.io/github/stars/myronliu347/vue-carbon.svg?label=&style=social) (https://github.com/myronliu347/vue-carbon)
- Material design style mobile UI library, design resource reference FrameWork7 (https://github.com/framework7io/framework7)
- Vue Material (https://vuematerial.io/) !Repo Star (https://img.shields.io/github/stars/vuematerial/vue-material.svg?label=&style=social) (https://github.com/vuematerial/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 (https://vue-native.io/) !Repo Star (https://img.shields.io/github/stars/GeekyAnts/vue-native-core.svg?label=&style=social) (https://github.com/GeekyAnts/vue-native-core) - Vue
Native is a framework to build cross platform native mobile apps using JavaScript
- Vue MDC Adapter (https://stasson.github.io/vue-mdc-adapter/#/) !Repo Star (https://img.shields.io/github/stars/stasson/vue-mdc-adapter.svg?label=&style=social)
(https://github.com/stasson/vue-mdc-adapter) - Integration of Material Components for Vue.js which follows the best practices recommended by Google
- Vue MDC (https://github.com/posva/vue-mdc) !Repo Star (https://img.shields.io/github/stars/posva/vue-mdc.svg?label=&style=social) (https://github.com/posva/vue-mdc) - This is the
adaptation of Material Components web for Vue.js
- Vue YDUI (http://vue.ydui.org/) !Repo Star (https://img.shields.io/github/stars/ydcss/vue-ydui.svg?label=&style=social) (https://github.com/ydcss/vue-ydui) - A mobile components Library
with Vue2.js
- Vuido (https://vuido.mimec.org/) !Repo Star (https://img.shields.io/github/stars/mimecorg/vuido.svg?label=&style=social) (https://github.com/mimecorg/vuido) - Native desktop applications
using Vue.js.
- Vuikit (https://vuikit.js.org/) !Repo Star (https://img.shields.io/github/stars/vuikit/vuikit.svg?label=&style=social) (https://github.com/vuikit/vuikit) - A responsive Vue 2 UI library
for web site interfaces based on the UIkit 3 framework.
- Vux (https://vux.li/) !Repo Star (https://img.shields.io/github/stars/airyland/vux.svg?label=&style=social) (https://github.com/airyland/vux) -Mobile UI Components based on WeUI
- v-semantic (https://github.com/eddow/v-semantic) !Repo Star (https://img.shields.io/github/stars/eddow/v-semantic.svg?label=&style=social) (https://github.com/eddow/v-semantic) -
Integration of semantic-ui2 with vue.js2.
- vue-antd (http://okoala.github.io/vue-antd) !Repo Star (https://img.shields.io/github/stars/okoala/vue-antd.svg?label=&style=social) (https://github.com/okoala/vue-antd) - Here is the Vue
implementation of Ant Design, which develops and serves enterprise back-end products.
- vue-beauty (https://fe-driver.github.io/vue-beauty/) !Repo Star (https://img.shields.io/github/stars/FE-Driver/vue-beauty.svg?label=&style=social)
(https://github.com/FE-Driver/vue-beauty) - UI components build with vue and ant design
- vuestrap-base-components (http://kzima.github.io/vuestrap-base-components/#/) !Repo Star (https://img.shields.io/github/stars/kzima/vuestrap-base-components.svg?label=&style=social)
(https://github.com/kzima/vuestrap-base-components) - Vuestrap Base Components extend Bootstrap 4. Built with vuestrap, plain Vue.js and Webpack.
- VueBoot (http://morgul.github.io/vueboot/) !Repo Star (https://img.shields.io/github/stars/Morgul/vueboot.svg?label=&style=social) (https://github.com/Morgul/vueboot) - Vuejs components
and directives written using Bootstrap v4, leveraging the official Bootstrap JS.
- Vuesax (https://lusaxweb.github.io/vuesax/) !Repo Star (https://img.shields.io/github/stars/lusaxweb/vuesax.svg?label=&style=social) (https://github.com/lusaxweb/vuesax) - Vuesax is a
library of Vuejs components that facilitates front-end development and streamlines work with great visual quality.
- VueStrap (https://wffranco.github.io/vue-strap/) !Repo Star (https://img.shields.io/github/stars/wffranco/vue-strap.svg?label=&style=social) (https://github.com/wffranco/vue-strap) - a
set of native Vue.js components based on Bootstrap's markup and CSS. No dependency on jQuery or Bootstrap's JavaScript.
- WDUI (https://wdfe.github.io/wdui) !Repo Star (https://img.shields.io/github/stars/wdfe/wdui.svg?label=&style=social) (https://github.com/wdfe/wdui) - Lightweight mobile UI control
library to quickly build an app layout based on Vue 2.0
- Zircle UI (https://zircleui.github.io/docs/?utm_source=zircle) !Repo Star (https://img.shields.io/github/stars/zircleUI/zircleUI.svg?label=&style=social)
(https://github.com/zircleUI/zircleUI) - A frontend library to develop zoomable user interfaces
- **Paid** Essential JS 2 for Vue by Syncfusion (https://www.syncfusion.com/vue-ui-components) - Over 60 high-performance, lightweight, modular, and responsive UI components for Vue.
- Particles.vue (https://github.com/matteobruni/tsparticles) - Vue library for easily add fully customizable particles animations to websites and web applications.
- **Paid** Kendo UI for Vue (https://www.telerik.com/kendo-vue-ui) - A suite of UI components focused on business applications, with components like the data grid
- vue-file-upload (https://github.com/canopas/web-file-upload/vue) - A file management system built that allows for single and multiple file uploading with a preview feature
Special use case libraries
- Epic Spinners (https://epic-spinners.epicmax.co/#/) !Repo Star (https://img.shields.io/github/stars/epicmaxco/epic-spinners.svg?label=&style=social)
(https://github.com/epicmaxco/epic-spinners) - Reusable Vue components for spinners
- **Paid** jQWidgets (https://www.jqwidgets.com/vue-js-ui-components-for-jqwidgets/) - Vue components based on jqwidgets.
Related community list
- Awesome Vue (https://github.com/vuejs/awesome-vue) - A curated list of awesome things related to Vue.js
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
React Native
- Ant Design Mobile RN (https://rn.mobile.ant.design/) !Repo Star (https://img.shields.io/github/stars/ant-design/ant-design-mobile-rn.svg?label=&style=social)
(https://github.com/ant-design/ant-design-mobile-rn) - A Ant design based configurable Mobile UI component library based on React Native
- Blankapp (https://blankapp.org/) !Repo Star (https://img.shields.io/github/stars/blankapp/ui.svg?label=&style=social) (https://github.com/blankapp/ui) - Highly customizable and theming
components for React Native
- Carbon Native (https://getcarbonnative.com/) !Repo Star (https://img.shields.io/github/stars/carbon-native/carbon-native.svg?label=&style=social)
(https://github.com/carbon-native/carbon-native) - A set of UI components for building React Native apps.
- Nachos UI (https://avocode.com/nachos-ui/) !Repo Star (https://img.shields.io/github/stars/nachos-ui/nachos-ui.svg?label=&style=social) (https://github.com/nachos-ui/nachos-ui) -
Customizable ready to use 30+ components which works with React Native for Web (https://github.com/necolas/react-native-web)
- NativeBase (https://nativebase.io/) !Repo Star (https://img.shields.io/github/stars/GeekyAnts/NativeBase.svg?label=&style=social) (https://github.com/GeekyAnts/NativeBase) - Essential
cross-platform UI components for React Native. One of best in class for React Native Lovers. Recommended!
- Panza (https://github.com/panza-org/panza) !Repo Star (https://img.shields.io/github/stars/panza-org/panza.svg?label=&style=social) (https://github.com/panza-org/panza) - Panza is a
collection of stateless, functional ui-components for react-native, and heavily inspired by the excellent rebass library.
- React Native Android Kit (https://github.com/adbayb/react-native-android-kit) !Repo Star (https://img.shields.io/github/stars/adbayb/react-native-android-kit.svg?label=&style=social)
(https://github.com/adbayb/react-native-android-kit) - A set of native Android UI components and modules for React Native framework that are currently not implemented by React Native core
team
- React Native Common (https://rghorbani.github.io/react-native-common/) !Repo Star (https://img.shields.io/github/stars/rghorbani/react-native-common.svg?label=&style=social)
(https://github.com/rghorbani/react-native-common) - Cross Platform React Native UI Toolkit & API
- React Native Elements (https://react-native-training.github.io/react-native-elements) !Repo Star
(https://img.shields.io/github/stars/react-native-training/react-native-elements.svg?label=&style=social) (https://github.com/react-native-training/react-native-elements) - Cross Platform
React Native UI Toolkit. Support for customisation and provides an all-in-one UI kit for creating apps in react native
- React Native Gifted Chat (https://github.com/wix/react-native-gifted-chat) !Repo Star (https://img.shields.io/github/stars/wix/react-native-gifted-chat.svg?label=&style=social)
(https://github.com/wix/react-native-gifted-chat) - Chat UI components for React Native (formerly known as Gifted Messenger)
- React Native Material Design (http://react-native-material-design.github.io/) !Repo Star
(https://img.shields.io/github/stars/react-native-material-design/react-native-material-design.svg?label=&style=social)
(https://github.com/react-native-material-design/react-native-material-design) - React Native components which implement Material Design. (No longer maintained in favour of Material Paper)
- React Native Material Kit (http://xinthink.github.io/react-native-material-kit/) !Repo Star
(https://img.shields.io/github/stars/xinthink/react-native-material-kit.svg?label=&style=social) (https://github.com/xinthink/react-native-material-kit) - A set of UI components, in the
purpose of introducing Material Design to apps built with React Native
- React Native Material UI (https://github.com/xotahal/react-native-material-ui) !Repo Star (https://img.shields.io/github/stars/xotahal/react-native-material-ui.svg?label=&style=social)
(https://github.com/xotahal/react-native-material-ui) - Highly customizable material design components for React Native. Demo for this toolkit can be seen here
(https://github.com/xotahal/react-native-material-ui/blob/master/docs/Demo.md)
- React Native Paper (https://callstack.github.io/react-native-paper/) !Repo Star (https://img.shields.io/github/stars/callstack/react-native-paper.svg?label=&style=social)
(https://github.com/callstack/react-native-paper) - Component with follows Material design guidelines v2.0, Better RTL Support and full theming options
- React Native UI Kitten (https://akveo.github.io/react-native-ui-kitten/#/home) !Repo Star (https://img.shields.io/github/stars/akveo/react-native-ui-kitten.svg?label=&style=social)
(https://github.com/akveo/react-native-ui-kitten) - Mobile framework with easily customizable elements which is able to create style configurations of components you use the most (buttons,
inputs etc.)
- React Native UI Lib (https://wix.github.io/react-native-ui-lib/) !Repo Star (https://img.shields.io/github/stars/wix/react-native-ui-lib.svg?label=&style=social)
(https://github.com/wix/react-native-ui-lib) - UI Toolset & Components Library for React Native
- React Native Web (http://necolas.github.io/react-native-web/examples/) !Repo Star (https://img.shields.io/github/stars/necolas/react-native-web.svg?label=&style=social)
(https://github.com/necolas/react-native-web) - "React Native for Web" makes it possible to run React Native components and APIs on the web using React DOM
- React Virgin (https://trixieapp.github.io/react-virgin/) !Repo Star (https://img.shields.io/github/stars/Trixieapp/react-virgin.svg?label=&style=social)
(https://github.com/Trixieapp/react-virgin) - UI kit with boiler plate for your React-Native projects
- Shoutem UI (https://shoutem.github.io/docs/ui-toolkit/introduction) !Repo Star (https://img.shields.io/github/stars/shoutem/ui.svg?label=&style=social) (https://github.com/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 (https://github.com/rilyu/teaset) !Repo Star (https://img.shields.io/github/stars/rilyu/teaset.svg?label=&style=social) (https://github.com/rilyu/teaset) - A UI library for react
native, provides 20+ pure JS(ES6) components, focusing on content display and action control.
Special use case libraries
- React Native Calendars (https://github.com/wix/react-native-calendars) !Repo Star (https://img.shields.io/github/stars/wix/react-native-calendars.svg?label=&style=social)
(https://github.com/wix/react-native-calendars) - various customizable react native calendar components.
- React Native Chart (https://github.com/tomauty/react-native-chart) !Repo Star (https://img.shields.io/github/stars/tomauty/react-native-chart.svg?label=&style=social)
(https://github.com/tomauty/react-native-chart) - Add line, area, pie, and bar charts to your React Native app
- React Native Circular Progress (https://github.com/bartgryszko/react-native-circular-progress) !Repo Star
(https://img.shields.io/github/stars/bartgryszko/react-native-circular-progress.svg?label=&style=social) (https://github.com/bartgryszko/react-native-circular-progress) - React Native
component for creating animated, circular progress with ReactART
- React Native Spinkit (https://github.com/maxs15/react-native-spinkit) !Repo Star (https://img.shields.io/github/stars/maxs15/react-native-spinkit.svg?label=&style=social)
(https://github.com/maxs15/react-native-spinkit) - A collection of animated loading indicators for React Native
Related community list
- Native Directory (https://native.directory) - Native Directory is a curated list of React Native libraries to help you build your projects.
- Awesome React Native (https://github.com/jondot/awesome-react-native) - Awesome React Native components, news, tools, and learning material!
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
Angular
- AgnosticUI (https://www.agnosticui.com/) - Accessible Angular Component Primitives (that also work with Svelte, React, and Vue 3).
- Alfresco (https://alfresco.github.io/adf-component-catalog/) !Repo Star (https://img.shields.io/github/stars/Alfresco/alfresco-ng2-components.svg?label=&style=social)
(https://github.com/Alfresco/alfresco-ng2-components) - Alfresco Application Development Framework (ADF) is set of Angular components with directives, pipes, and other interfaces. Should be
treated as framework.
- Alyle UI (https://alyle-ui.firebaseapp.com/) !Repo Star (https://img.shields.io/github/stars/A-l-y-l-e/Alyle-UI.svg?label=&style=social) (https://github.com/A-l-y-l-e/Alyle-UI) - Minimal
Design, a set of components for Angular.
- AT Angular UI (http://ng-at.thunderjava.com/) !Repo Star (https://img.shields.io/github/stars/100cm/at-ui-angular.svg?label=&style=social) (https://github.com/100cm/at-ui-angular) -
Angular 4.0+ front-end UI component library based on the rapid development of back-end products in PC websites.
- Clarity (https://vmware.github.io/clarity/) !Repo Star (https://img.shields.io/github/stars/vmware/clarity.svg?label=&style=social) (https://github.com/vmware/clarity) - Clarity is an
open source design system by VMware that brings together UX guidelines, an HTML/CSS framework, and Angular components
- Covalent (https://teradata.github.io/covalent/#/) !Repo Star (https://img.shields.io/github/stars/Teradata/covalent.svg?label=&style=social) (https://github.com/Teradata/covalent) -
Teradata UI Platform built on Angular Material
- Element (https://element-angular.faas.ele.me/) !Repo Star (https://img.shields.io/github/stars/ElemeFE/element-angular.svg?label=&style=social)
(https://github.com/ElemeFE/element-angular) - Initially build for VueJs, Library provides a rich selection of customizable components along with a full style-guide
- Fuel UI (http://fuelinteractive.github.io/fuel-ui/#/) !Repo Star (https://img.shields.io/github/stars/FuelInteractive/fuel-ui.svg?label=&style=social)
(https://github.com/FuelInteractive/fuel-ui) - Fuel-UI is a collection of native Angular 2 components, directives, and pipes for Bootstrap 4.
- Nebular (https://akveo.github.io/nebular/) !Repo Star (https://img.shields.io/github/stars/akveo/nebular.svg?label=&style=social) (https://github.com/akveo/nebular) - UI Toolkit with
Components, Auth & Security for your next Angular7 App
- NGX Bootstrap (https://valor-software.com/ngx-bootstrap/#/) !Repo Star (https://img.shields.io/github/stars/valor-software/ngx-bootstrap.svg?label=&style=social)
(https://github.com/valor-software/ngx-bootstrap) - Bootstrap 3/Bootstrap 4 Components with Angular, for both Mobile and Desktop.
- NGX ScrollTop (https://github.com/bartholomej/ngx-scrolltop) !Repo Star (https://img.shields.io/github/stars/bartholomej/ngx-scrolltop.svg?label=&style=social)
(https://github.com/bartholomej/ngx-scrolltop) - Lightweight, Material Design inspired button for scroll-to-top of the page. _No dependencies. Pure Angular!_
- NGX UI (https://swimlane.github.io/ngx-ui/) !Repo Star (https://img.shields.io/github/stars/swimlane/ngx-ui.svg?label=&style=social) (https://github.com/swimlane/ngx-ui) - Component &
Style Library for Angular by Swimlane.
- NG Bootstrap (https://ng-bootstrap.github.io/) !Repo Star (https://img.shields.io/github/stars/ng-bootstrap/ng-bootstrap.svg?label=&style=social)
(https://github.com/ng-bootstrap/ng-bootstrap) - replacing angular-ui (https://github.com/angular-ui/bootstrap) bootstrap which is no longer maintained, it provides Bootstrap 4 components for
Angular with no 3rd party JS dependencies
- NG Lightning (http://ng-lightning.github.io/ng-lightning/) !Repo Star (https://img.shields.io/github/stars/ng-lightning/ng-lightning.svg?label=&style=social)
(https://github.com/ng-lightning/ng-lightning) - Angular components built for the Saleforce Lightning Design System
- NG Semantic-UI (https://ng-semantic.herokuapp.com/) !Repo Star (https://img.shields.io/github/stars/vladotesanovic/ngSemantic.svg?label=&style=social)
(https://github.com/vladotesanovic/ngSemantic) - Angular UI building blocks based on Semantic-UI
- NG-ZORRO (https://ng.ant.design/?p=/docs/introduce/en) !Repo Star (https://img.shields.io/github/stars/NG-ZORRO/ng-zorro-antd.svg?label=&style=social)
(https://github.com/NG-ZORRO/ng-zorro-antd) - NG-ZORRO components aim to provide an enterprise-class UI based on Ant Design
- Material 2 (https://material.angular.io/) !Repo Star (https://img.shields.io/github/stars/angular/material2.svg?label=&style=social) (https://github.com/angular/material2) - Angular’s
official component library implementing Google’s material design, built with Angular and TypeScript
- MDBootstrap (http://mdbootstrap.com/material-design-for-bootstrap/) !Repo Star
(https://img.shields.io/github/stars/mdbootstrap/Angular-Bootstrap-with-Material-Design.svg?label=&style=social) (https://github.com/mdbootstrap/Angular-Bootstrap-with-Material-Design) -
Material Design UI KIT based on Bootstrap 4
- Onsen UI (https://onsen.io/angular2/) !Repo Star (https://img.shields.io/github/stars/OnsenUI/OnsenUI.svg?label=&style=social) (https://github.com/OnsenUI/OnsenUI) - More than 100
components are specially made for Material and Flat design based on original the Onsen UI framework
- PatternFly NG (https://www.patternfly.org) !Repo Star (https://img.shields.io/github/stars/patternfly/patternfly-ng.svg?label=&style=social) (https://github.com/patternfly/patternfly-ng)
- A set of Angular 6+ components for the PatternFly project (https://github.com/patternfly/patternfly-design-kit). It also has support for Angular 4 and 5.
- Prime NG (https://www.primefaces.org/primeng/#/) !Repo Star (https://img.shields.io/github/stars/primefaces/primeng.svg?label=&style=social) (https://github.com/primefaces/primeng) - This
project which provides a rich and unique selection of over 60 UI components with multiple themes
- Primer Components (https://primer.style/components) !Repo Star (https://img.shields.io/github/stars/primer/components.svg?label=&style=social) (https://github.com/primer/components) -
React components for the Primer Design System (https://primer.style/)
- Semantic UI Angular (https://github.com/Semantic-Org/Semantic-UI-Angular) !Repo Star (https://img.shields.io/github/stars/Semantic-Org/Semantic-UI-Angular.svg?label=&style=social)
(https://github.com/Semantic-Org/Semantic-UI-Angular) - Semantic UI Angular is the official Angular integration for Semantic UI.It’s used by Netflix, Amazon and other major organizations.
- **Paid** Essential JS 2 for Angular by Syncfusion (https://www.syncfusion.com/angular-ui-components) - Over 60 high-performance, lightweight, modular, and responsive UI components for
Angular.
- NG Particles (https://github.com/matteobruni/tsparticles) - Angular component for easily add fully customizable particles animations to websites and web applications
Special use case libraries
- NG2 Charts (https://valor-software.com/ng2-charts) !Repo Star (https://img.shields.io/github/stars/valor-software/ng2-charts.svg?label=&style=social)
(https://github.com/valor-software/ng2-charts) - Angular directives for 6 different types of charts, with properties based on chart.js.
- NG2 Dragula (https://valor-software.com/ng2-dragula/) !Repo Star (https://img.shields.io/github/stars/valor-software/ng2-dragula.svg?label=&style=social)
(https://github.com/valor-software/ng2-dragula) - Official Angular wrapper for dragula for drag and drop
Related community list
- Awesome Angular (https://github.com/gdi2290/awesome-angular) - A curated list of awesome Angular resources
- Awesome Angular Components (https://github.com/brillout/awesome-angular-components) - Catalog of Angular 2+ Components & Libraries
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
EmberJS
- Ember Bootstrap (https://www.ember-bootstrap.com/) !Repo Star (https://img.shields.io/github/stars/kaliber5/ember-bootstrap.svg?label=&style=social)
(https://github.com/kaliber5/ember-bootstrap/) - Ember-cli addon for using Bootstrap as native Ember components
- Ember Components (http://indexiatech.github.io/ember-components) !Repo Star (https://img.shields.io/github/stars/indexiatech/ember-components.svg?label=&style=social)
(https://github.com/indexiatech/ember-components) - This project aims to be the successor of Bootstrap for Ember (https://github.com/ember-addons/bootstrap-for-ember) project as all
components on this suite are not bound to any specific CSS framework.
- Ember Material Design (http://mike1234.com/ember-material-design) !Repo Star (https://img.shields.io/github/stars/mike1o1/ember-material-design.svg?label=&style=social)
(https://github.com/mike1o1/ember-material-design) - Implementation of Material Design in EmberJS
- Ember Material Lite (http://mike.works/ember-material-lite) !Repo Star (https://img.shields.io/github/stars/mike-north/ember-material-lite.svg?label=&style=social)
(https://github.com/mike-north/ember-material-lite) - Material Design Lite for Ember.js Apps
- Ember UIkit (https://github.com/adfinis-sygroup/ember-uikit) !Repo Star (https://img.shields.io/github/stars/adfinis-sygroup/ember-uikit.svg?label=&style=social)
(https://github.com/adfinis-sygroup/ember-uikit) - This addon is a wrapper for the CSS library UIkit which exposes certain components to give users an easy way for using UIkit in ember apps.
- Semantic UI Ember (https://semantic-org.github.io/Semantic-UI-Ember/) !Repo Star (https://img.shields.io/github/stars/Semantic-Org/Semantic-UI-Ember.svg?label=&style=social)
(https://github.com/Semantic-Org/Semantic-UI-Ember) - Semantic UI Ember is the official EmberJS integration for Semantic UI.It’s used by Netflix, Amazon and other major organizations.
- SL Ember Components (http://softlayer.github.io/sl-ember-components/) !Repo Star (https://img.shields.io/github/stars/softlayer/sl-ember-components.svg?label=&style=social)
(https://github.com/softlayer/sl-ember-components) - An Ember CLI Addon that provides a variety of UI components.
- UI-bootstrap (https://github.com/lifegadget/ui-bootstrap) !Repo Star (https://img.shields.io/github/stars/lifegadget/ui-bootstrap.svg?label=&style=social)
(https://github.com/lifegadget/ui-bootstrap) - An Ember-flavoured Bootstrap 4.x eco-system
Special use case libraries
- AnyChart-Ember (https://www.anychart.com/) !Repo Star (https://img.shields.io/github/stars/AnyChart/AnyChart-Ember.svg?label=&style=social) (https://github.com/AnyChart/AnyChart-Ember) -
AnyChart Component for Ember CLI provides an easy way to use AnyChart JavaScript Charts with Ember Framework
Related community list
- Awesome Ember (https://github.com/nmec/awesome-ember) - A curated list of awesome Ember.js things.
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
Mithril
- Construct UI (https://vrimar.github.io/construct-ui/) !Repo Star (https://img.shields.io/github/stars/vrimar/construct-ui.svg?label=&style=social) (https://github.com/vrimar/construct-ui)
- A UI kit for mithriljs with many common components inspired by blueprint
- Polythene (https://arthurclemens.github.io/polythene-demos/mithril/#/) !Repo Star (https://img.shields.io/github/stars/ArthurClemens/Polythene.svg?label=&style=social)
(https://github.com/ArthurClemens/Polythene) - Material Design component library for Mithril
- Mithril-Materialized (https://erikvullings.github.io/mithril-materialized/index.html) !Repo Star
(https://img.shields.io/github/stars/erikvullings/mithril-materialized.svg?label=&style=social) (https://github.com/erikvullings/mithril-materialized) - a materialized-CSS Mithril components
library
- mithril-ui (https://github.com/khalti/mithril-ui) !Repo Star (https://img.shields.io/github/stars/khalti/mithril-ui.svg?label=&style=social) (https://github.com/khalti/mithril-ui) - UI
components for Mithril.js
Related community list
- Awesome Mithril (https://github.com/orbitbot/awesome-mithril) - A curated list of Mithril awesome
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
Web Components
- Aybolit (https://web-padawan.github.io/aybolit) !Repo Star (https://img.shields.io/github/stars/web-padawan/aybolit.svg?label=&style=social) (https://github.com/web-padawan/aybolit) -
Lightweight, standards-based, framework agnostic web components library built with LitElement
- Elix (https://github.com/elix/elix) !Repo Star (https://img.shields.io/github/stars/elix/elix.svg?label=&style=social) (https://github.com/elix/elix) - High-quality, customizable web
components for common user interface patterns
- Material Web Components (https://github.com/material-components/material-components-web-components) !Repo Star
(https://img.shields.io/github/stars/material-components/material-components-web-components.svg?label=&style=social)
(https://github.com/material-components/material-components-web-components) - Material Design implemented as Web Components
- Material Web Components (Custom Elements) (https://dannymoerkerke.github.io/material-webcomponents) by DannyMoerkerke !Repo Star
(https://img.shields.io/github/stars/DannyMoerkerke/material-webcomponents.svg?label=&style=social) (https://github.com/DannyMoerkerke/material-webcomponents) - Custom Elements for Material
Design
- Vaadin components (https://github.com/vaadin/vaadin) !Repo Star (https://img.shields.io/github/stars/vaadin/vaadin.svg?label=&style=social) (https://github.com/vaadin/vaadin) - Evolving
set of high-quality web components for building business web applications
- Wired Elements (https://github.com/wiredjs/wired-elements) !Repo Star (https://img.shields.io/github/stars/wiredjs/wired-elements.svg?label=&style=social)
(https://github.com/wiredjs/wired-elements) - Set of common UI elements with a hand-drawn, sketchy look.
Related community list
- Web Components the Right Way (https://github.com/mateusortiz/webcomponents-the-right-way) - A curated list of awesome Web Components resources.
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
A11y Components
- a11y-contrast (https://github.com/darekkay/a11y-contrast) — A CLI utility to calculate/verify accessible magic numbers for a color palette.
- a11y-dialog (https://github.com/KittyGiraudel/a11y-dialog) - A very lightweight and flexible accessible modal dialog script.
- react-a11y-dialog (https://github.com/KittyGiraudel/react-a11y-dialog) - Port of a11y-dialog to React.
- vue-a11y-dialog (https://github.com/morkro/vue-a11y-dialog) - Port of a11y-dialog to Vue.
- svelte-a11y-dialog (https://github.com/AgnosticUI/svelte-a11y-dialog) - Port of a11y-dialog to Svelte.
- a11y-tabs (https://github.com/agnosticui/a11y-tabs) - A lightweight (<1Kb) JavaScript package to facilitate a11y-compliant tabbed interfaces.
- a11y-menu (https://aberkow.github.io/a11y-menu/) — This project aims to create a re-useable and accessible main navigation module.
- Scott Ohara's a11y components (https://github.com/scottaohara/accessible_components) — Listing of accessible components & patterns.
- Deque Cauldron (https://pattern-library.dequelabs.com/) — A fullyaccessibleHTML, CSS, and Javascript front-end framework for creating web and mobile applications.
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
Some Community conversations
1. What are some of the ui libraries you used? (https://www.reddit.com/r/reactjs/comments/9fhxj0/what_are_some_of_the_ui_libraries_you_used_for/)
2. Checked 21 react ui kits briefly, I'm done! (https://www.reddit.com/r/reactjs/comments/a6qhbr/checked_21_react_ui_kits_briefly_im_done/)
3. How many ui libraries is enough? (https://dev.to/rhymes/how-many-ui-libraries-is-enough-17om)
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
Styleguides
- Awesome UX Designs (https://github.com/anubhavsrivastava/awesome-ux-design-styles)
- styleguides.io (http://styleguides.io/) - Website Style Guide Resources
- Design Systems Gallery (https://designsystemsrepo.com/design-systems/) - A comprehensive and curated list of design systems, style guides and pattern libraries that you can use for
inspiration.
―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――
Contribution
Suggestions and PRs are welcome!
Please read the contribution guidelines (CONTRIBUTING.md) to get started.
License
Creative Commons Zero v1.0 Universal
!CC0 (http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg) (https://creativecommons.org/publicdomain/zero/1.0/)