A curated summary of part 1 and part 2 of “**Best React Component Libraries for 2019”. A curated summary of part 1 part 1 part 1 and part 2 part 2 part 2 of “**Best React Component Libraries for 2019”. “**Best React Component Libraries for 2019” Best React Component Libraries for 2019 Best React React Component Libraries for 2019 Learn more: Learn more: 5 Tools for faster development in React
How to write better code in React
9 React tools to master your component workflow
How to easily share react components between apps 5 Tools for faster development in React 5 Tools for faster development in React How to write better code in React How to write better code in React 9 React tools to master your component workflow 9 React tools to master your component workflow 9 React tools to master your component workflow How to easily share react components between apps How to easily share react components between apps How to easily share react components between apps According to the Stack Overflow survey React grew in popularity by almost 150% from 2017 to 2018. This isn’t really surprising, and among other things is happening thanks to its growing component-based ecosystem. React 2017 2018 Some prefer libraries, others to develop their own components (see tools for component workflow mastery). Either way, here is the full list of some of the best 23 UI component libraries and frameworks out there, with a bonus at the end. Note that the list isn’t ranked, but brought as a useful resource. Enjoy. tools for component workflow You can also combine these libraries with Bit, to make each component individually available to discover, share and use without the library. Bit Bit Every component becomes available to discover, try hands-on in a live playground, and install in your projects using NPM and Yarn. You can even develop components from multiple projects and sync changes between them. Bit (GitHub) can be used to discover and share components from any open source library, or for your team’s components, so feel free to give it a try. Bit (GitHub) Find more components from popular React libraries: Discover Collections · Bit_Discover over 21 component collections for JavaScript libraries and projects. Find and use popular components from the…_bit.dev Discover Collections · Bit Discover Collections · Bit _Discover over 21 component collections for JavaScript libraries and projects. Find and use popular components from the…_bit.dev 1. Material-UI React components that implement Google’s Material Design. At over 45k Stars (!), it’s the most popular and widely used React UI library on GitHub. 45k Stars Material UI Grid-List component Grid-List GitHub repo: mui-org/material-ui_React components for faster and easier web development. Build your own design system, or start with Material Design. …_github.com mui-org/material-ui mui-org/material-ui _React components for faster and easier web development. Build your own design system, or start with Material Design. …_github.com Individual components collection: material-ui by mui-org · Bit_React components that implement Google’s Material Design. — 115 Javascript components. Examples: tab , tooltip …_bit.dev material-ui by mui-org · Bit material-ui by mui-org · Bit _React components that implement Google’s Material Design. — 115 Javascript components. Examples: tab , tooltip …_bit.dev 2. React Bootstrap React Bootstrap Bootstrap 3 components built with React. At 16k stars, this library remains popular and useful even though we are still waiting for bootstrap 4 support. 16k stars React bootstrap buttons buttons GitHub repo: react-bootstrap/react-bootstrap_Bootstrap components built with React. Contribute to react-bootstrap/react-bootstrap development by creating an account…_github.com react-bootstrap/react-bootstrap react-bootstrap/react-bootstrap _Bootstrap components built with React. Contribute to react-bootstrap/react-bootstrap development by creating an account…_github.com Individual components collection: react-bootstrap by react-bootstrap · Bit_Bootstrap components built with React — 92 Javascript components. Examples: button-group , alert , modal , navbar …_bit.dev react-bootstrap by react-bootstrap · Bit react-bootstrap by react-bootstrap · Bit _Bootstrap components built with React — 92 Javascript components. Examples: button-group , alert , modal , navbar …_bit.dev 3. Grommet Grommet Beautiful React UI component which focus on essential experience. At over 5k stars, these components take pride in their simple yet beautiful design. over 5k stars React Grommet buttons GitHub repo: grommet/grommet_a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package …_github.com grommet/grommet grommet/grommet _a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package …_github.com Individual components collection: grommet by grommet · Bit_a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package. - 73…_bit.dev grommet by grommet · Bit grommet by grommet · Bit _a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package. - 73…_bit.dev 4. Ant Design React Ant Design React Popular React components following the Ant design guidelines and specifications, written in typescript and supporting a rich workflow. Ant design components Ant design components 5. Blueprint Blueprint A React-based UI toolkit for the web with over 9K stars and 100 contributors. Components are written in TS and styled with Sass for rapid development. Blueprint React components React components 6. Reactstrap Reactstrap This library provides simple React bootstrap 4 components. With over 4k stars and nearly 100 contributors, it’s a widely popular option for bootstrap fans. over 4k Reactstrap buttons buttons 7. React Toolbox React Toolbox React Toolbox is a set of React components that implements Google Material Design. It’s built on top of some the trendiest proposals like CSS Modules (written in SASS), Webpack and ES6. At nearly 8K starts it’s very popular. React Toolbox components- docs have a live playground! live playground 8. React Desktop React Desktop A UI component library which aims to bring a native desktop experience to the web, featuring many macOS Sierra and Windows 10 components. library React Desktop Window Component Window Component 9. Semantic UI Semantic UI React is the official React integration for Semantic UI. With 6.5K stars it’s used by Netflix, Amazon and other great organizations. Semantic UI 6.5K stars React Semantic-UI Dimmer component Dimmer component GitHub repo: Semantic-Org/Semantic-UI-React_The official Semantic-UI-React integration. Contribute to Semantic-Org/Semantic-UI-React development by creating an…_github.com Semantic-Org/Semantic-UI-React Semantic-Org/Semantic-UI-React _The official Semantic-UI-React integration. Contribute to Semantic-Org/Semantic-UI-React development by creating an…_github.com Individual components collection: semantic-ui-react by semantic-org · Bit_The official Semantic-UI-React integration — 76 Javascript components. Examples: button , dimmer , text-area , table …_bit.dev semantic-ui-react by semantic-org · Bit semantic-ui-react by semantic-org · Bit _The official Semantic-UI-React integration — 76 Javascript components. Examples: button , dimmer , text-area , table …_bit.dev 10. Onsen UI React Onsen UI React More than 100 components are specially made for Material and Flat design bringing together the Onsen UI framework and React to build hybrid apps. framework Onsen UI React components components 11. Rebass Rebass React UI component library & design system, built with styled-components and styled-system. With nearly 4k stars it’s a great choice for Styled-components fans. 4k stars Rebass React UI components components 12. Elemental UI Elemental UI An experimental UI Toolkit for React.js Websites and Apps with 4k stars and currently developed by the authors of Keystone.js at the Thinkmill. Elemental UI modal component modal component 13. Belle 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. React belle components components 14. Prime React Prime React At over 1000 stars, we love this project which provides a rich and unique selection of over 70 UI components with multiple themes. Take a look! 1000 stars A Primereact Chart component with Bit: play and install GitHub repo: primefaces/primereact_PrimeReact is a collection of rich UI components for React - primefaces/primereact_github.com primefaces/primereact primefaces/primereact _PrimeReact is a collection of rich UI components for React - primefaces/primereact_github.com Individual components collection: primereact by primefaces · Bit_PrimeReact is a collection of rich UI components for React. - 73 Javascript components. Examples: chart , inputtext …_bit.dev primereact by primefaces · Bit primereact by primefaces · Bit _PrimeReact is a collection of rich UI components for React. - 73 Javascript components. Examples: chart , inputtext …_bit.dev 15. Atlaskit Atlaskit Atlasssian’s official React UI kit is the technical implementation of the Atlassian Design Guidelines (ADG). Each is even its own package. React UI kit Atlassian Design Guidelines Atlaskit Multi-select React component component 16. Fabric Fabric A set of React components for building experiences for Office and Office 365, written in Typescript. At over 2.5K stars it’s worth checking out (quick-start). 2.5K stars quick-start Fabric Nav-Bar React Component Nav-Bar 17. Carbon Components Carbon Components React components according to IBM’s Carbon design system. You can also try them online with CodeSandBox. Carbon design system CodeSandBox 18. Khan React Components Khan React Components These somehow almost unnoticed components are Khan’s academy’s React UI components released to the community reaching nearly 1k stars. Khan’s blur-input React component React component 19. Gestalt by Pinterest Gestalt by Pinterest This upcoming library is Pinterest’s design studio meticulous set of React UI building blocks used to sync and raise the bar among Pinterest’s teams. Gestalt React search-filed component search-filed component 20. Material Components Web Material Components Web Developed by a team of engineers and designers at Google, this library replaced react-mdl, already reaching nearly 7k stars. Check it out. 7k stars Material-web components Material-web components 21. React MD React MD A beautiful and highly recommended kit for building a web app with Google’s Material Design with very highly customizable themes and styling (Sass). React-MD subheaders component subheaders component 22. React Foundation React Foundation In very active development this project wraps parts of Foundation as React components, and takes pride in simplicity and high coverage. Very nice. Foundation Foundation’s button component with React button component GitHub repo: digiaonline/react-foundation_Foundation as React components. Contribute to digiaonline/react-foundation development by creating an account on…_github.com digiaonline/react-foundation digiaonline/react-foundation _Foundation as React components. Contribute to digiaonline/react-foundation development by creating an account on…_github.com Individual components collection: primereact by primefaces · Bit_PrimeReact is a collection of rich UI components for React. - 73 Javascript components. Examples: chart , inputtext …_bit.dev primereact by primefaces · Bit primereact by primefaces · Bit _PrimeReact is a collection of rich UI components for React. - 73 Javascript components. Examples: chart , inputtext …_bit.dev 23. React Virtualized React Virtualized Pretty much the perfect set of React components for virtualizing large data sets. With nearly 10k stars it is popular as it is useful. 10k stars React virtualized components components +5 Bonus ✨ Sadly, most of them aren’t actively maintained. Still worth checking out. * React UWP React UWP Microsoft’s UWP design with React. * Amaze UI React Amaze UI React a React implementation for the china’s popular Amaze-UI cross-platform framework. Amaze-UI * UXCore UXCore React components for enterprise back-end data apps. * Zent Zent A beautiful under-the-radar Chinese React UI library. * Halogen Halogen Loaders and spinners only. * React bootstrap with material design React bootstrap with material design Material Design for Bootstrap 4 — React version. mdbootstrap/React-Bootstrap-with-Material-Design_React-Bootstrap-with-Material-Design - React Bootstrap with Material Design_github.com mdbootstrap/React-Bootstrap-with-Material-Design mdbootstrap/React-Bootstrap-with-Material-Design _React-Bootstrap-with-Material-Design - React Bootstrap with Material Design_github.com * react-selectrix A beautiful, materialized and flexible React Select control. stratos-vetsos/react-selectrix_react-selectrix - A beautiful, materialized and flexible React Select control_github.com stratos-vetsos/react-selectrix stratos-vetsos/react-selectrix _react-selectrix - A beautiful, materialized and flexible React Select control_github.com * react-materialize react-materialize/react-materialize_Material design for react, powered by materializecss - react-materialize/react-materialize_github.com react-materialize/react-materialize react-materialize/react-materialize _Material design for react, powered by materializecss - react-materialize/react-materialize_github.com Not using libraries? Adding entire libraries can be a burden and make it hard to change stuff on the fly. So, Individual components can be found in Awesome React and Awesome React components as well as here. Hope you enjoyed! Awesome React Awesome React components here Learn more Atomic Design With React And Bit: Simplify a Complex UI_Simplify a complex UI using Atomic Design with React + Bit._blog.bitsrc.io Atomic Design With React And Bit: Simplify a Complex UI Atomic Design With React And Bit: Simplify a Complex UI _Simplify a complex UI using Atomic Design with React + Bit._blog.bitsrc.io 5 Tools For Faster Development In React_5 tools to speed the development of your React application, focusing on components._blog.bitsrc.io 5 Tools For Faster Development In React 5 Tools For Faster Development In React _5 tools to speed the development of your React application, focusing on components._blog.bitsrc.io How To Share React UI Components Between Projects And Apps_How to easily share and sync your React UI components between all your team’s projects and applications with Bit._blog.bitsrc.io How To Share React UI Components Between Projects And Apps How To Share React UI Components Between Projects And Apps _How to easily share and sync your React UI components between all your team’s projects and applications with Bit._blog.bitsrc.io

Amazon

ATLASSIAN

Google

Microsoft

Netflix

21 Top Vue.js UI Libraries For Your App

5 Practical Ways To Share Code: From NPM To Lerna, Git Submodules and Bit

I write code and words. Learn about Bit: github.com/teambit/bit

Read My Stories

Too Long; Didn't Read

23 Best React UI Component Libraries And Frameworks

23 Best React UI Component Libraries And Frameworks

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

21 Top Vue.js UI Libraries For Your App

10 Useful JavaScript Functions to Learn

100+ FREE Resources to Learn Full Stack Web Development

10 Things Every Beginner Should Know When Learning Javascript And React

10 Reasons Why Front End Development Is a Great Career Choice

21 Top Vue.js UI Libraries For Your App

10 Useful JavaScript Functions to Learn

100+ FREE Resources to Learn Full Stack Web Development

10 Things Every Beginner Should Know When Learning Javascript And React

10 Reasons Why Front End Development Is a Great Career Choice

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps