This curated list contains 430 awesome open-source projects with a total of 4.7M stars grouped into 22 categories. All projects are ranked by a project-quality score, which is calculated based on various metrics automatically collected from GitHub and different package managers. If you like to add or update projects, feel free to open an issue, submit a pull request, or directly edit the projects.yaml. Contributions are very welcome!
🧙♂️ Discover other best-of lists or create your own.
Contents
- UI Frameworks & Libraries 47 projects
- App Frameworks 6 projects
- Styling 16 projects
- Layout 11 projects
- Data Tables & Grids 39 projects
- Input Components 24 projects
- Internationalization & Localization 4 projects
- State Management 31 projects
- Routing 12 projects
- Animations 12 projects
- Data Visualization 37 projects
- Data Fetching 7 projects
- Notifications 9 projects
- File Handling 10 projects
- Editor Components 41 projects
- Drag & Drop 12 projects
- Developer Tools 31 projects
- Desktop Applications 2 projects
- Utilities 8 projects
- Testing 6 projects
- Admin Dashboards 11 projects
- Other Components 38 projects
- Others 17 projects
Explanation
🥇 🥈 🥉 Combined project-quality score⭐️ Star count from GitHub- 🐣 New project (less than 6 months old)
💤 Inactive project (6 months no activity)- 💀 Dead project (12 months no activity)
- 📈📉 Project is trending up or down
➕ Project was recently added❗️ Warning (e.g. missing/risky license)👨💻 Contributors count from GitHub🔀 Fork count from GitHub📋 Issue count from GitHub⏱️ Last update timestamp on package manager- 📥 Download count from package manager
- 📦 Number of dependent projects
- Projects related to Material UI Framework.
- Projects related to Ant Design Framework.
- Projects related to Bootstrap UI Framework.
UI Frameworks & Libraries
Material-UI (🥇 52 · ⭐ 88K) - MUI Core: Ready-to-use foundational React components, free.. MIT
Ant Design (🥇51 · ⭐ 87K) - An enterprise-class UI design language and React UI library. MIT
Bootstrap React (🥇 44 · ⭐ 22K) - Bootstrap components built with React. MIT
reactstrap (🥇 42 · ⭐ 11K) - Simple React Bootstrap 5 components. MIT
fluentui (🥇41 · ⭐ 16K) - Fluent UI web represents a collection of utilities, React components, and.. MIT
ant-design-mobile (🥇 41 · ⭐ 11K) - Essential UI blocks for building mobile web apps. MIT
Semantic UI React (🥈 40 · ⭐ 13K) - The official Semantic-UI-React integration. MIT
primereact (🥈 40 · ⭐ 4.4K) - The Most Complete React UI Component Library. MIT
polaris-react (🥈38 · ⭐ 5.4K) - Shopifys design system to help us work together to build a great.. MIT
react-spectrum (🥈 37 · ⭐ 9.2K) - A collection of libraries and tools that help you build.. Apache-2
Grommet (🥈 37 · ⭐ 8.2K) - a react-based framework that provides accessibility, modularity,.. Apache-2
theme-ui (🥈 37 · ⭐ 5.1K) - Build consistent, themeable React apps based on constraint-based design.. MIT
Semantic-UI (🥈 36 · ⭐ 51K · 💤 ) - Semantic is a UI component framework based around useful.. MIT
React Suite (🥉35 · ⭐ 7.7K) - A suite of React components . MIT
gestalt (🥉 35 · ⭐ 4.1K) - A set of React UI components that supports Pinterests design language. Apache-2
components (🥉 35 · ⭐ 2.6K) - An implementation of GitHubs Primer Design System using React. MIT
semi-design (🥉 33 · ⭐ 7.2K) - A modern, comprehensive, flexible design system and React UI.. MIT
headlessui (🥉 32 · ⭐ 22K) - Completely unstyled, fully accessible UI components, designed to.. MIT
coreui-react (🥉 31 · ⭐ 610) - CoreUI React.js UI Components. CoreUI for React.js replaces and.. MIT
Radix Primitives (🥉 30 · ⭐ 11K) - Radix Primitives is an open-source UI component library for.. MIT
Supabase UI (🥉 27 · ⭐ 1.4K · 💤 ) - Supabase UI Library. MIT
react-foundation (🥉 26 · ⭐ 600 · 💤 ) - Foundation as React components. MIT
bumbag-ui (🥉21 · ⭐ 1K · 💤) - Build themeable React & React Native applications with your Bumbag. MIT
Show 10 hidden projects...
- eui (
🥈 37 ·⭐ 5.8K) - Elastic UI Framework.❗️ICU
- Rebass (
🥉 33 ·⭐ 7.9K ·💀 ) - React primitive UI components built with styled-system.MIT
- tabler-react (
🥉 28 ·⭐ 2.2K ·💀 ) - React components and demo for the Tabler UI theme.MIT
- react-bulma-components (
🥉 28 ·⭐ 1.2K ·💀 ) - React components for Bulma framework.MIT
- pivotal-ui (
🥉 25 ·⭐ 640 ·💀 ) - Pivotals design system & component library.MIT
- atomize (🥉22 · ⭐ 1.6K · 💀) - Design System for developers build on styled-components & React JS.
MIT
- shards-react (🥉18 · ⭐ 750 · 💀) - A beautiful and modern React design system.
MIT
- dashboard-ui-kit (
🥉 17 ·⭐ 200 ·💀 ) - React UI components for rapid development.MIT
- trunx (🥉17 · ⭐ 65) - Super Saiyan React components, son of awesome Bulma.
MIT
- fluent-windows (🥉13 · ⭐ 120 · 💀) - React components that inspired by Microsofts Fluent Design..
MIT
App Frameworks
Application frameworks, content management systems, and static site generators for React.
Gatsby (🥈 47 · ⭐ 55K) - The fastest frontend for the headless web. Build modern websites with React. MIT
Styling
CSS and component styling frameworks.
Tailwind CSS (🥇 48 · ⭐ 71K) - A utility-first CSS framework for rapid UI development. MIT
Styled Components (🥇 46 · ⭐ 39K) - Visual primitives for the component age. Use the best bits of.. MIT
jss (🥈36 · ⭐ 7K · 📈) - JSS is an authoring tool for CSS which uses JavaScript as a host language. MIT
twin.macro (🥈 32 · ⭐ 7.4K) - Twin blends the magic of Tailwind with the flexibility of css-in-js.. MIT
react-responsive (🥈 32 · ⭐ 6.7K) - CSS media queries in react - for responsive design, and more. MIT
inline-style-prefixer (🥉 31 · ⭐ 390 · 💤 ) - Autoprefixer for JavaScript style objects. MIT
vanilla-extract (🥉 30 · ⭐ 8.5K) - Zero-runtime Stylesheets-in-TypeScript. MIT
stitches (🥉 30 · ⭐ 7.6K) - [Not Actively Maintained] CSS-in-JS with near-zero runtime, SSR, multi-.. MIT
react-container-query (🥉 26 · ⭐ 880 · 💤 ) - Modular responsive component. MIT
Show 2 hidden projects...
Layout
Components to layout the UI elements.
react-grid-layout (🥇 37 · ⭐ 18K) - A draggable and resizable grid layout with responsive.. MIT
golden-layout (🥈 29 · ⭐ 6K) - A multi window layout manager for webapps. MIT
autoresponsive-react (🥉 22 · ⭐ 1.5K · 💤 ) - Auto Responsive Layout Library For React. MIT
react-spaces (🥉20 · ⭐ 1.1K) - React components that allow you to divide a page or container into.. MIT
muuri-react (🥉20 · ⭐ 310 · 💤) - The layout engine for React. MIT
Show 5 hidden projects...
- react-popper (🥇36 · ⭐ 2.4K · 💀) - Official React library to use Popper, the positioning library.
MIT
- react-masonry-component (
🥈 30 ·⭐ 1.4K ·💀 ) - A React.js component for using @desandros Masonry.MIT
- atomic-layout (
🥉 21 ·⭐ 1.1K ·💀 ) - Build declarative, responsive layouts in React using CSS Grid.MIT
- hedron (
🥉 20 ·⭐ 860 ·💀 ) - A no-frills flexbox grid system for React, powered by styled-components.MIT
- React-Splitters (
🥉 18 ·⭐ 160 ·💀 ) - React splitter component, written in TypeScript.MIT
Data Tables & Grids
Data grid, tables, and spreadsheet components.
react-table (🥇 42 · ⭐ 22K) - Headless UI for building powerful tables & datagrids for TS/JS -.. MIT
react-virtualized (🥇40 · ⭐ 25K) - React components for efficiently rendering large lists and.. MIT
react-window (🥈37 · ⭐ 14K) - React components for efficiently rendering large lists and tabular.. MIT
react-data-grid (🥈 36 · ⭐ 6.2K) - Feature-rich and customizable data grid React component. MIT
material-table (🥈 36 · ⭐ 3.4K) - Datatable for React based on material-uis table with.. MIT
material-ui-x (🥈 36 · ⭐ 2.9K) - MUI X: Build data-rich applications using a growing list of.. MIT
MUI-Datatables (🥈 32 · ⭐ 2.6K · 💤 ) - Datatables for React using Material-UI -.. MIT
fixed-data-table-2 (🥈32 · ⭐ 1.2K) - A React table component designed to allow presenting.. BSD-3
Perspective (🥈 31 · ⭐ 6.5K) - A data visualization and analytics component, especially well-.. Apache-2
-
GitHub (
👨💻 92 ·🔀 790 ·📥 180 ·📦 11 ·📋 660 - 15% open ·⏱️ 29.07.2023):git clone https://github.com/finos/perspective
-
PyPi (📥 5.5K / month · 📦 10 · ⏱️ 20.07.2023):
pip install perspective-python
-
Conda (
📥 420K ·⏱️ 24.07.2023):conda install -c conda-forge perspective
-
npm (
📥 13K / month ·📦 34 ·⏱️ 20.07.2023):npm install @finos/perspective
jspreadsheet (🥈 30 · ⭐ 6.4K) - Jspreadsheet is a lightweight vanilla javascript plugin to create.. MIT
React Data Table (🥈30 · ⭐ 1.8K · 💤) - A responsive table library with built-in sorting,.. Apache-2
glide-data-grid (🥉 29 · ⭐ 2.7K) - Glide Data Grid is a no compromise, outrageously react fast.. MIT
react-base-table (🥉 29 · ⭐ 1.4K) - A react table component to display large datasets with high.. MIT
rsuite-table (🥉 28 · ⭐ 660) - A React table component. MIT
RevoGrid (🥉27 · ⭐ 2.4K) - Powerful virtual data grid smartsheet with advanced customization. Best.. MIT
React Spreadsheet (🥉 27 · ⭐ 1K) - Simple, customizable yet performant spreadsheet for React. MIT
ka-table (🥉 26 · ⭐ 550) - Lightweight MIT React Table component with Sorting, Filtering, Grouping,.. MIT
reactdatagrid (🥉 24 · ⭐ 3.5K) - Empower Your Data with the best React Data Grid there is. MIT
Show 16 hidden projects...
- Handsontable (
🥇 39 ·⭐ 18K) - JavaScript data grid with a spreadsheet look & feel. Works with..❗️ICU
- jsgrid (
🥈 31 ·⭐ 1.5K ·💀 ) - Lightweight Grid jQuery Plugin.MIT
- mleibman/SlickGrid (
🥈 30 ·⭐ 6.8K ·💀 ) - A lightning fast JavaScript grid/spreadsheet.MIT
- React-Datasheet (
🥉 28 ·⭐ 5.3K ·💀 ) - Excel-like data grid (table) component for React.MIT
- react-bootstrap-table2 (
🥉 28 ·⭐ 1.2K ·💀 ) - Next Generation of react-bootstrap-table.MIT
- jqGrid (
🥉 27 ·⭐ 2.8K) - jQuery grid plugin.❗Unlicensed
- jtable (
🥉 24 ·⭐ 1.1K ·💀 ) - A JQuery plugin to create AJAX based CRUD tables.MIT
- react-pivottable (
🥉 24 ·⭐ 930 ·💀 ) - React-based dragndrop pivot table with Plotly.js charts.MIT
- ReactPivot (
🥉 22 ·⭐ 1K ·💀 ) - React-Pivot is a data-grid component with pivot-table-like..MIT
- react-smart-data-table (
🥉 19 ·⭐ 84) - A smart data table component for React meant to be..MIT
- orb (🥉18 · ⭐ 550 · 💀) - Pivot table javascript library.
MIT
- flat-ui (
🥉 17 ·⭐ 360 ·💀 ) - Welcome friends! flat-ui is a React component that will render..MIT
- FancyGrid (
🥉 17 ·⭐ 200 ·💤 ) - FancyGrid - JavaScript grid library with charts..❗Unlicensed
- grid (🥉15 · ⭐ 540 · 💀) - jQuery grid plugin based on jQueryui widget design.
❗️GPL-3.0
- editablegrid (
🥉 13 ·⭐ 790 ·💀 ) - EditableGrid is an open source Javascript library..❗Unlicensed
- editable-react-table (
🥉 9 ·⭐ 570 ·💤 ) - React table built to resemble a database.MIT
Input Components
Input and form components.
react-hook-form (🥇45 · ⭐ 36K) - React Hooks for form state management and validation (Web +.. MIT
react-datepicker (🥇 43 · ⭐ 7.4K) - A simple and reusable datepicker component for React. MIT
react-jsonschema-form (🥈39 · ⭐ 13K) - A React component for building Web forms from JSON.. Apache-2
react-select (🥈 38 · ⭐ 26K) - The Select Component for React.js. MIT
downshift (🥈 38 · ⭐ 12K) - A set of primitives to build simple, flexible, WAI-ARIA compliant React.. MIT
survey-library (🥈 36 · ⭐ 3.7K) - Free JavaScript form builder library with integration for React,.. MIT
react-date-picker (🥈35 · ⭐ 1.1K) - A date picker for your React app. MIT
react-datetime (🥈 34 · ⭐ 2K · 💤 ) - A lightweight but complete datetime picker react component. MIT
react-date-range (🥉 33 · ⭐ 2.5K · 💤 ) - A React component for choosing dates and date ranges. MIT
react-widgets (🥉 30 · ⭐ 2.3K) - Polished, feature rich, accessible form inputs built with React. MIT
react-flatpickr (🥉 26 · ⭐ 580) - flatpickr for React. MIT
react-timezone-select (🥉 26 · ⭐ 160) - An extremely usable and dynamic React timezone selector. MIT
react-input-enhancements (🥉 20 · ⭐ 1.4K · 💤 ) - Set of enhancements for input control. MIT
date-range-picker (🥉12 · ⭐ 100 · 💤) - Flexible React date range picker calendar with no.. MIT
Show 9 hidden projects...
- cleave.js (
🥈 35 ·⭐ 18K ·💀 ) - Format input text content when you are typing...Apache-2
- react-dates (
🥉 32 ·⭐ 12K ·💀 ) - An easily internationalizable, mobile-friendly datepicker library..MIT
- unform (🥉30 · ⭐ 4.5K · 💀) - Performance-focused API for React forms.
MIT
- formsy-material-ui (
🥉 25 ·⭐ 580 ·💀 ) - A Formsy compatibility wrapper for Material-UI form..MIT
- react-nice-dates (
🥉 23 ·⭐ 1.1K ·💀 ) - A responsive, touch-friendly, and modular date picker..MIT
- formsy-react-components (
🥉 23 ·⭐ 290 ·💀 ) - Bootstrap components for a formsy-react form.MIT
- react-datepicker2 (🥉21 · ⭐ 230 · 💀) - react datepicker component.(include persian jalaali..
MIT
- react-simple-timefield (
🥉 21 ·⭐ 96 ·💤 ) - Simple React time input field.MIT
- react-yearly-calendar (🥉18 · ⭐ 550 · 💀) - React.js Yearly Calendar Component.
MIT
Internationalization & Localization
react-i18next (🥇 41 · ⭐ 8.4K) - Internationalization for react done right. Using the i18next i18n.. MIT
js-lingui (🥉 35 · ⭐ 3.8K) - A readable, automated, and optimized (3 kb) internationalization for.. MIT
State Management
react-redux (🥇47 · ⭐ 23K) - Official React bindings for Redux. MIT
immutable-js (🥇 45 · ⭐ 33K) - Immutable persistent data collections for Javascript which increase.. MIT
localForage (🥈39 · ⭐ 23K · 💤) - Offline storage, improved. Wraps IndexedDB, WebSQL, or.. Apache-2
redux-toolkit (🥈 39 · ⭐ 9.7K) - The official, opinionated, batteries-included toolset for.. MIT
rxdb (🥈 37 · ⭐ 19K) - A fast, offline-first, reactive Database for JavaScript Applications.. Apache-2
react-final-form (🥉 32 · ⭐ 7.3K) - High performance subscription-based form state management for.. MIT
easy-peasy (🥉 32 · ⭐ 5K) - Vegetarian friendly state for React. MIT
hookstate (🥉 28 · ⭐ 1.6K) - The simple but very powerful and incredibly fast state management for.. MIT
react-i13n (🥉 24 · ⭐ 380) - A performant, scalable and pluggable approach to instrumenting your.. BSD-3
Show 9 hidden projects...
- history (
🥈 39 ·⭐ 8.2K ·💀 ) - Manage session history with JavaScript.MIT
- alt (
🥉 31 ·⭐ 3.4K ·💀 ) - Isomorphic flux implementation.MIT
- cerebral (🥉27 · ⭐ 2K · 💀) - Declarative state and side effects management for popular JavaScript..
MIT
- Unstated Next (
🥉 26 ·⭐ 4.1K ·💀 ) - 200 bytes to never think about React state management..MIT
- fluxxor (
🥉 25 ·⭐ 1.7K ·💀 ) - Flux architecture tools for React.MIT
- mobx-react (
🥉 22 ·⭐ 4.9K ·💀 ) - React bindings for MobX.MIT
- redux-batched-actions (
🥉 22 ·⭐ 1K ·💀 ) - redux higher order reducer + action to reduce actions..MIT
- baobab-react (🥉21 · ⭐ 310 · 💀) - React integration for Baobab.
MIT
- resourcerer (
🥉 11 ·⭐ 79) - Declarative data-fetching and caching framework for REST APIs with..MIT
Routing
react-router (🥇 47 · ⭐ 51K) - Declarative routing for React. MIT
remix-run/react-router (🥇 47 · ⭐ 51K) - Declarative routing for React. MIT
wouter (🥈 32 · ⭐ 5.4K) - A minimalist-friendly ~1.5KB routing for React and Preact. Nothing else.. ISC
universal-router (🥈 29 · ⭐ 1.7K) - A simple middleware-style router for isomorphic JavaScript.. MIT
react-router-component (🥉 24 · ⭐ 880) - Declarative router component for React. MIT
redux-first-history (🥉 23 · ⭐ 400 · 💤 ) - Redux history binding support react-router -.. MIT
Show 5 hidden projects...
- router (
🥈 34 ·⭐ 6.9K ·💀 ) - Next generation Routing for React.MIT
- redux-router (
🥈 29 ·⭐ 2.3K ·💀 ) - Redux bindings for React Router keep your router state inside..MIT
- react-router-scroll (
🥉 24 ·⭐ 840 ·💀 ) - React Router scroll management.MIT
- react-breadcrumbs (
🥉 23 ·⭐ 410 ·💀 ) - Automatic breadcrumbs for React-Router.ISC
- curi (🥉18 · ⭐ 270 · 💀) - A JavaScript router for single-page applications.
MIT
Animations
react-spring (🥇42 · ⭐ 26K) - A spring physics based React animation library. MIT
tsparticles (🥈37 · ⭐ 5.7K) - tsParticles - Easily create highly customizable JavaScript particles.. MIT
react-flip-move (🥈 31 · ⭐ 4K · 💤 ) - Effortless animation between DOM changes (eg. list.. MIT
react-parallax-tilt (🥉 29 · ⭐ 770) - Easily apply tilt hover effect on React components -.. MIT
gooey-react (🥉 16 · ⭐ 600) - The gooey effect for React, used for shape blobbing / metaballs (0.5.. MIT
Show 6 hidden projects...
- react-motion (
🥈 35 ·⭐ 22K ·💀 ) - A spring that solves your animation problems.MIT
- React-Move (
🥉 28 ·⭐ 6.6K ·💀 ) - React Move | Beautiful, data-driven animations for React.MIT
- react-router-transition (🥉25 · ⭐ 2.6K · 💀) - painless transitions built for react-router, powered..
MIT
- react-anime (🥉25 · ⭐ 1.5K · 💀) - ()*: A super easy animation library for React!.
MIT
- particles-bg (
🥉 18 ·⭐ 600 ·💀 ) - React particles animation background component.MIT
- react-tweenful (🥉9 · ⭐ 83 · 💀) - Animation engine designed for React.
MIT
Data Visualization
Data visualization, chart and diagram components.
mermaid (🥇 44 · ⭐ 60K) - Generation of diagrams like flowcharts or sequence diagrams from text in a.. MIT
apexcharts.js (🥈42 · ⭐ 13K) - Interactive JavaScript Charts built on SVG. MIT
react-three-fiber (🥈 40 · ⭐ 23K) - A React renderer for Three.js. MIT
Victory (🥈 39 · ⭐ 10K) - A collection of composable React components for building interactive data.. MIT
nivo (🥈 38 · ⭐ 12K) - nivo provides a rich set of dataviz components, built on top of the awesome d3.. MIT
React Chartjs 2 (🥈36 · ⭐ 6K · 💤) - React components for Chart.js, the most popular charting.. MIT
React ApexCharts (🥈33 · ⭐ 1.2K) - React Component for ApexCharts. MIT
ant-design-charts (🥈32 · ⭐ 1.6K) - A React Chart Library. MIT
react-google-charts (🥈 32 · ⭐ 1.4K) - A thin, typed, React wrapper over Google Charts.. MIT
carbon-charts (🥈32 · ⭐ 760) - Robust dataviz framework implemented using D3 & typescript. Apache-2
echarts-for-react (🥉 30 · ⭐ 4.1K) - Apache ECharts components for React wrapper. Apache echarts.. MIT
cal-heatmap (🥉 30 · ⭐ 2.4K) - Cal-Heatmap is a javascript charting library to create a time-series.. MIT
react-diagrams (🥉 28 · ⭐ 7.9K) - a super simple, no-nonsense diagramming library written in react.. MIT
rumble-charts (🥉 21 · ⭐ 340 · 💤 ) - React components for building composable and flexible charts. MIT
Show 12 hidden projects...
- elastic-charts (
🥉 31 ·⭐ 350) - Elastic Charts library.❗️ICU
- react-highcharts (🥉30 · ⭐ 1.3K · 💀) - React wrapper for Highcharts library.
MIT
- react-sparklines (
🥉 29 ·⭐ 2.8K ·💀 ) - Beautiful and expressive Sparklines React component.MIT
- Drawflow (🥉27 · ⭐ 3.5K · 💀) - Simple flow library.
MIT
- GGEditor (
🥉 27 ·⭐ 3.4K ·💀 ) - A visual graph editor based on G6 and React.MIT
- Viser (
🥉 26 ·⭐ 1.6K ·💀 ) - viser is a toolkit fit for data vis engineer. https://viserjs.gitee.io/.MIT
- react-timeseries-charts (
🥉 26 ·⭐ 830 ·💀 ) - Declarative and modular timeseries charting..❗️BSD-3-Clause-LBNL
- ej2-react-ui-components (
🥉 25 ·⭐ 300) - Syncfusion React UI components library offer more..❗️ICU
- react-chartist (🥉24 · ⭐ 530 · 💀) - React component for Chartist.js.
MIT
- react-sigma (
🥉 21 ·⭐ 250 ·💀 ) - Lightweight React library for drawing network graphs built on top..MIT
- chartify (
🥉 16 ·⭐ 690 ·💀 ) - React.js plugin for building charts using CSS.MIT
- react-charty (
🥉 12 ·⭐ 67 ·💀 ) - Data Visualization Component.MIT
Data Fetching
apollo-client (🥇45 · ⭐ 19K) - A fully-featured, production ready caching GraphQL client for.. MIT
react-query (🥈41 · ⭐ 36K) - Powerful asynchronous state management, server-state utilities and.. MIT
relay (🥉 39 · ⭐ 18K) - Relay is a JavaScript framework for building data-driven React applications. MIT
react-refetch (🥉 28 · ⭐ 3.4K) - A simple, declarative, and composable way to fetch data for React.. MIT
Show 1 hidden projects...
- restful-react (🥉24 · ⭐ 1.9K · 💀) - A consistent, declarative way of interacting with RESTful..
MIT
Notifications
Toasts, snackbars, and notification system.
React-Toastify (🥇 39 · ⭐ 11K) - React notification made easy !. MIT
React Hot Toast (🥈33 · ⭐ 7.8K) - Smoking Hot React Notifications. MIT
Show 5 hidden projects...
- react-toast-notifications (
🥉 26 ·⭐ 2.2K ·💀 ) - A toast notification system for react.MIT
- react-notifications-component (
🥉 26 ·⭐ 1.2K ·💀 ) - Delightful and highly customisable React Component to..MIT
- cogo-toast (
🥉 22 ·⭐ 680 ·💀 ) - Beautiful, Zero Configuration, Toast Messages for React. Only ~..MIT
- simple-react-notifications (
🥉 14 ·⭐ 60 ·💀 ) - Tiny React.js notification library (1kb gzip).MIT
- react-toast (
🥉 13 ·⭐ 67 ·💀 ) - Minimal toast notifications for React.MIT
File Handling
File upload, download, and viewer components.
React Dropzone (🥈 36 · ⭐ 9.8K · 💤 ) - Simple HTML5 drag-drop zone with React.js. MIT
react-json-view (🥈32 · ⭐ 3.1K) - JSON viewer for react. MIT
React FilePond (🥉 26 · ⭐ 1.6K · 💤 ) - A handy FilePond adapter component for React. MIT
react-uploady (🥉24 · ⭐ 870) - Modern file uploading - components & hooks for React. MIT
Show 4 hidden projects...
- react-csv (
🥉 29 ·⭐ 1.1K ·💀 ) - React components to build CSV files on the fly basing on..MIT
- material-ui-dropzone (
🥉 27 ·⭐ 470 ·💀 ) - A Material-UI file upload dropzone.MIT
- react-file-viewer (
🥉 25 ·⭐ 470 ·💀 ) - Extendable file viewer for web.MIT
- React-Data-Export (
🥉 23 ·⭐ 170 ·💀 ) - Export dataset in react.MIT
Editor Components
Editor components for code, text, images and more.
react-image-crop (🥈34 · ⭐ 3.5K) - A responsive image cropping tool for React. ISC
react-monaco-editor (🥈34 · ⭐ 3.4K) - Monaco Editor for React. MIT
react-draft-wysiwyg (🥈 33 · ⭐ 6.1K) - A Wysiwyg editor build on top of ReactJS and DraftJS... MIT
react-codemirror (🥈33 · ⭐ 1K) - CodeMirror 6 component for React. @codemirror.. MIT
ReactPage (🥈 32 · ⭐ 9.2K) - Next-gen, highly customizable content editor for the browser - based.. MIT
react-quill (🥈 32 · ⭐ 6K · 💤 ) - A Quill component for React. MIT
Monaco React (🥈 32 · ⭐ 2.7K) - Monaco Editor for React - use the monaco-editor in any React.. MIT
easy-markdown-editor (🥈 32 · ⭐ 2K) - EasyMDE: A simple, beautiful, and embeddable JavaScript.. MIT
react-md-editor (🥈 31 · ⭐ 1.6K) - A simple markdown editor with preview, implemented with.. MIT
React Email Editor (🥉29 · ⭐ 4K) - Drag-n-Drop Email Editor Component for React.js. MIT
prosemirror (🥉 28 · ⭐ 6.8K) - The ProseMirror WYSIWYM editor. MIT
react-digraph (🥉 28 · ⭐ 2.5K) - A library for creating directed graph editors. MIT
react-simple-code-editor (🥉28 · ⭐ 1.4K · 💤) - Simple no-frills code editor with syntax highlighting. MIT
megadraft (🥉27 · ⭐ 1.2K · 💤) - Megadraft is a Rich Text editor built on top of Facebooks Draft.JS.. MIT
react-simplemde-editor (🥉27 · ⭐ 700 · 💤) - React wrapper for simplemde (easymde) markdown editor. MIT
alloy-editor (🥉 26 · ⭐ 1.3K · 💤 ) - WYSIWYG editor based on CKEditor with completely.. ❗️LGPL-3.0
react-markdown-editor-lite (🥉 26 · ⭐ 940 · 💤 ) - a light-weight Markdown editor based on React... MIT
Monaco Yaml (🥉 26 · ⭐ 200) - YAML plugin for the Monaco Editor. MIT
edtr-io (🥉 23 · ⭐ 700) - Edtr.io is an open source WYSIWYG in-line web editor written in React. Its.. MIT
react-design-editor (🥉 22 · ⭐ 1.3K · 💤 ) - React Design Editor has started to developed direct.. MIT
react-monacoeditor (🥉 22 · ⭐ 250) - Monaco Editor component for React. MIT
smartblock (🥉 15 · ⭐ 290) - intuitive block based wysiwyg editor built with React and ProseMirror. MIT
Show 8 hidden projects...
- ckeditor5-react (
🥉 30 ·⭐ 380) - Official CKEditor 5 React component.❗️CNRI-Python-GPL-Compatible
- react-easy-crop (🥉25 · ⭐ 1.9K · 💀) - Ricardo fork of https://valentinh.github.io/react-easy-..
MIT
- ckeditor4-react (
🥉 25 ·⭐ 88) - Official CKEditor 4 React component.❗️CNRI-Python-GPL-Compatible
- CodeFlask (
🥉 24 ·⭐ 1K ·💀 ) - A micro code-editor for awesome web pages.MIT
- react-lz-editor (🥉22 · ⭐ 940 · 💀) - A multilingual react rich-text editor component includes..
MIT
- react-trumbowyg (🥉17 · ⭐ 140 · 💀) - React wrapper for lightweight WYSIWYG editor Trumbowyg.
MIT
- react-editor (
🥉 13 ·⭐ 55 ·💤 ) - Pure Rich-text Editor with TS & React-hooks.MIT
- react-avatar-generator (
🥉 11 ·⭐ 54 ·💀 ) - Generate fun kaleidoscope for user avatars.❗Unlicensed
Drag & Drop
Sortable (🥇 38 · ⭐ 27K) - Reorderable drag-and-drop lists for modern browsers and touch devices. No.. MIT
react-beautiful-dnd (🥈37 · ⭐ 31K) - Beautiful and accessible drag and drop for lists with.. Apache-2
dnd-kit (🥉 31 · ⭐ 8.5K) - The modern, lightweight, performant, accessible and extensible drag &.. MIT
react-sortable-tree (🥉 30 · ⭐ 4.8K) - Drag-and-drop sortable component for nested data and.. MIT
Show 5 hidden projects...
- react-draggable (
🥈 35 ·⭐ 8.4K ·💀 ) - React draggable component.MIT
- react-movable (
🥉 25 ·⭐ 1.3K ·💀 ) - Drag and drop for your React lists and tables. Accessible...MIT
- react-sortable (
🥉 25 ·⭐ 640 ·💀 ) - A sortable list component built with React.MIT
- react-dragula (
🥉 22 ·⭐ 990 ·💀 ) - Drag and drop so simple it hurts.MIT
- react-sortable-pane (
🥉 22 ·⭐ 630 ·💀 ) - A sortable and resizable pane component for React.MIT
Developer Tools
Tools to help with React development.
Storybook (🥇 50 · ⭐ 80K) - Storybook is a frontend workshop for building UI components and pages.. MIT
eslint-plugin-react (🥇 46 · ⭐ 8.6K) - React-specific linting rules for ESLint. MIT
lerna (🥈44 · ⭐ 35K) - Lerna is a fast, modern build system for managing and publishing multiple.. MIT
react-hot-loader (🥈 39 · ⭐ 12K · 💤 ) - Tweak React components in real time. (Deprecated: use Fast.. MIT
create-react-app (🥈 38 · ⭐ 100K) - Set up a modern web app by running one command. MIT
react-intersection-observer (🥈 36 · ⭐ 4.3K) - React implementation of the Intersection Observer API.. MIT
react-styleguidist (🥈 35 · ⭐ 11K) - Isolated React component development environment with a.. MIT
jsx-ast-utils (🥈 34 · ⭐ 150) - AST utility module for statically analyzing JSX. MIT
ncc (🥉33 · ⭐ 8.1K) - Compile a Node.js project into a single file. Supports TypeScript, binary.. MIT
react-cosmos (🥉 33 · ⭐ 7.8K) - Sandbox for developing and testing UI components in isolation. MIT
loadable-components (🥉 33 · ⭐ 7.3K) - The recommended Code Splitting library for React. MIT
electron-react-boilerplate (🥉 31 · ⭐ 22K) - A Foundation for Scalable Cross-Platform Apps. MIT
eslint-plugin-jsx-a11y (🥉 31 · ⭐ 3.2K · 📈 ) - Static AST checker for a11y rules on JSX elements. MIT
Reactotron (🥉 29 · ⭐ 14K · 💤 ) - A desktop app for inspecting your React JS and React Native.. MIT
axe-core-npm (🥉 26 · ⭐ 500) - Provides a method to inject and analyze web pages using axe. MPL-2.0
react-scanner (🥉 20 · ⭐ 520 · 💤 ) - Extract React components and props usage from code. MIT
dataformsjs (🥉 18 · ⭐ 170) - DataFormsJS A minimal JavaScript Framework, standalone React and Web.. MIT
next-enterprise (🥉 17 · ⭐ 4K · 🐣 ) - An enterprise-grade Next.js boilerplate for high-.. MIT
-
GitHub (👨💻 9 · 🔀 520 · 📋 25 - 68% open · ⏱️ 30.07.2023):
git clone https://github.com/Blazity/next-enterprise
Show 6 hidden projects...
- react-loadable (
🥉 32 ·⭐ 17K ·💀 ) - A higher order component for loading components with promises.MIT
- why-did-you-render (
🥉 29 ·⭐ 10K ·💀 ) - why-did-you-render by Welldone Software monkey patches..MIT
- react-boilerplate (🥉27 · ⭐ 29K · 💀) - A highly scalable, offline-first foundation with the best..
MIT
- Storybook Addon Material-UI (
🥉 26 ·⭐ 570 ·💀 ) - Addon for storybook wich wrap material-ui components..MIT
- Luna (
🥉 17 ·⭐ 1K ·💀 ) - Manage npm dependencies through a modern UI.❗️GPL-3.0
- Material-UI Theme Creator (
🥉 8 ·⭐ 400 ·💀 ) - A tool to help design and customize themes for the..❗️0BSD
Desktop Applications
Tools to build web-app based desktop applications.
Tauri (🥇 42 · ⭐ 67K) - Build smaller, faster, and more secure desktop applications with a web.. Apache-2
Utilities
log4js-node (🥉 40 · ⭐ 5.7K) - A port of log4js to node.js. Apache-2
Show 1 hidden projects...
Testing
react-testing-library (🥉37 · ⭐ 18K · 📉) - Simple and complete React DOM testing utilities that.. MIT
react-hooks-testing-library (🥉 34 · ⭐ 5.1K) - Simple and complete React hooks testing utilities.. MIT
Admin Dashboards
Admin frontend frameworks, dashboards and templates.
React Admin (🥇 42 · ⭐ 23K) - A frontend Framework for building B2B applications running in.. MIT
Ant Design Pro (🥇36 · ⭐ 35K) - Use Ant Design like a Pro!. MIT
coreui-free-bootstrap-admin-template (🥈 27 · ⭐ 12K) - Free Bootstrap Admin & Dashboard Template. MIT
Material Kit React (🥈 20 · ⭐ 4.8K) - React Dashboard made with Material UIs components. Our.. MIT
-
GitHub (
👨💻 12 ·🔀 2.1K ·📦 370 ·📋 51 - 9% open ·⏱️ 10.03.2023):git clone https://github.com/devias-io/material-kit-react
Volt React Dashboard (🥉 14 · ⭐ 800) - Free and open source React.js admin dashboard.. MIT
matx-react (🥉 13 · ⭐ 840) - Matx -Free and open-source React Material UI Admin Dashboard Template. MIT
-
GitHub (
👨💻 6 ·🔀 350 ·📋 34 - 14% open ·⏱️ 18.03.2023):git clone https://github.com/uilibrary/matx-react
plain-free-bootstrap-admin-template (🥉 11 · ⭐ 280) - Free Bootstrap 5 Admin and Dashboard Template that.. MIT
-
GitHub (
👨💻 4 ·🔀 29 ·⏱️ 29.07.2023):git clone https://github.com/PlainAdmin/plain-free-bootstrap-admin-template
Show 4 hidden projects...
- React Dashboard (🥈18 · ⭐ 1.5K · 💀) - React Dashboard - isomorphic admin dashboard template..
MIT
- React Material Admin (
🥉 16 ·⭐ 1.5K ·💀 ) - React Material Admin is a React template built with..MIT
- React SaaS Template (
🥉 15 ·⭐ 1.7K ·💀 ) - Template for building an SaaS / admin website using..MIT
- Notus React (🥉14 · ⭐ 690 · 💀) - Notus React: Free Tailwind CSS UI Kit and Admin.
MIT
Other Components
Collection of other components.
sweetalert2 (🥇 42 · ⭐ 16K) - A beautiful, responsive, highly customizable and accessible (WAI-.. MIT
react-slick (🥇41 · ⭐ 11K) - React carousel component. MIT
react-map-gl (🥇39 · ⭐ 7.3K) - React friendly API wrapper around MapboxGL JS. MIT
React Flow (🥇 38 · ⭐ 17K) - Highly customizable library for building an interactive node-based UI,.. MIT
react-day-picker (🥇 38 · ⭐ 5.2K) - DayPicker is a customizable date picker component for React,.. MIT
react-tooltip (🥇38 · ⭐ 3.2K) - React Tooltip Component. MIT
react-markdown (🥈 37 · ⭐ 11K) - Markdown component for React. MIT
react-modal (🥈 37 · ⭐ 7.2K) - Accessible modal dialog component for React. MIT
react-big-calendar (🥈37 · ⭐ 6.7K) - gcal/outlook like calendar component. MIT
react-tabs (🥈 37 · ⭐ 3K) - An accessible and easy tab component for ReactJS. MIT
react-calendar (🥈36 · ⭐ 3.1K) - Ultimate calendar for your React app. MIT
react-fontawesome (🥈 35 · ⭐ 3.6K · 💤 ) - Font Awesome React component. MIT
react-image-gallery (🥈 35 · ⭐ 3.5K) - React carousel image gallery component with thumbnail.. MIT
google-map-react (🥉34 · ⭐ 6.1K) - Google map library for react that allows rendering components.. MIT
react-content-loader (🥉 33 · ⭐ 13K) - SVG-Powered component to easily create skeleton loadings. MIT
Reactive Search (🥉 33 · ⭐ 4.8K · 📈 ) - Search UI components for React and Vue. Apache-2
react-paginate (🥉 33 · ⭐ 2.6K) - A ReactJS component that creates a pagination. MIT
lightGallery (🥉 32 · ⭐ 5.9K) - A customizable, modular, responsive, lightbox gallery plugin. ❗️GPL-3.0
video-react (🥉 32 · ⭐ 2.5K · 💤 ) - A web video player built for the HTML5 world using React library. MIT
react-youtube (🥉 32 · ⭐ 1.7K · 💤 ) - react.js powered YouTube player component. MIT
react-split-pane (🥉 31 · ⭐ 3K) - React split-pane component. MIT
react-instantsearch (🥉 31 · ⭐ 2K · 💤 ) - Lightning-fast search for React and React Native.. MIT
fullcalendar-react (🥉 31 · ⭐ 1.6K) - The official React Component for FullCalendar. MIT
react-avatar-editor (🥉 29 · ⭐ 2.2K) - Small avatar & profile picture component. Resize and crop.. MIT
react-contenteditable (🥉 29 · ⭐ 1.5K) - React component for a div with editable contents. Apache-2
material-ui-chip-input (🥉 28 · ⭐ 740 · 💤 ) - A chip input field using Material-UI. MIT
react-nice-avatar (🥉 22 · ⭐ 870) - react library for generating avatar. MIT
Show 9 hidden projects...
- DevExtreme (
🥈 37 ·⭐ 1.7K) - HTML5 JavaScript Component Suite for Responsive Web Development.❗️Aladdin
- react-responsive-carousel (
🥉 34 ·⭐ 2.5K ·💀 ) - React.js Responsive Carousel (with Swipe).MIT
- react-leaflet (
🥉 33 ·⭐ 4.7K) - React components for Leaflet maps.❗️Hippocratic-2.1
- react-autosuggest (
🥉 32 ·⭐ 5.9K ·💀 ) - WAI-ARIA compliant React autosuggest component.MIT
- react-copy-to-clipboard (
🥉 30 ·⭐ 2.2K ·💀 ) - Copy-to-clipboard React component.MIT
- React Flow Chart (
🥉 26 ·⭐ 1.3K ·💀 ) - A flexible, stateless, declarative flow chart library for..MIT
- Material-UI Treasury (🥉24 · ⭐ 2.3K · 💀) - A collection of ready-to-use components based on..
MIT
- React Lazylog (
🥉 23 ·⭐ 280 ·💀 ) - React Lazy Logviewer.MPL-2.0
- React Ansi (
🥉 11 ·⭐ 39 ·💀 ) - A foldable and searchable ansi log viewer for React.MIT
Others
preact (🥇 44 · ⭐ 35K) - Fast 3kB React alternative with the same modern API. Components & Virtual.. MIT
react-icons (🥈 37 · ⭐ 10K) - svg react icons of popular icon packs. MIT
diegomura/react-pdf (🥈35 · ⭐ 13K) - Create PDF files using React. MIT
FluidFramework (🥉33 · ⭐ 4.4K) - Library for building distributed, real-time collaborative web.. MIT
reactfire (🥉32 · ⭐ 3.3K) - Hooks, Context Providers, and Components that make it easy to interact.. MIT
liveblocks (🥉31 · ⭐ 2.1K) - Liveblocks is a real-time collaboration infrastructure for.. Apache-2
iconify (🥉 24 · ⭐ 2.9K) - Universal icon framework. One syntax for FontAwesome, Material Design.. MIT
bulletproof-react (🥉 20 · ⭐ 20K) - A simple, scalable, and powerful architecture for building.. MIT
-
GitHub (
👨💻 30 ·🔀 1.8K ·📋 78 - 57% open ·⏱️ 21.04.2023):git clone https://github.com/alan2207/bulletproof-react
alright react app (🥉 12 · ⭐ 140) - Professional React app generator. Comes with an exposed,.. ISC
Show 6 hidden projects...
- react-helmet (
🥈 37 ·⭐ 17K ·💀 ) - A document head manager for React.MIT
- Remotion (
🥈 37 ·⭐ 17K) - Make videos programmatically with React.❗️ICU
- react-syntax-highlighter (
🥈 34 ·⭐ 3.4K ·💀 ) - syntax highlighting component for react with prismjs..MIT
- aframe (
🥉 29 ·⭐ 16K ·💀 ) - Building Blocks for the VR Web.MIT
- mozaik (🥉23 · ⭐ 3.6K · 💀) - Mozak is a tool based on nodejs / react / redux / nivo / d3 to easily..
MIT
- datav (
🥉 20 ·⭐ 2.9K) -Apache-2
Related Resources
- Best-of lists: Discover other best-of lists with awesome open-source projects on all kinds of topics.
- Front-End-Checklist: The perfect Front-End Checklist for modern websites and meticulous developers.
- Awesome React: A collection of awesome things regarding React ecosystem.
Contribution
Contributions are encouraged and always welcome! If you like to add or update projects, choose one of the following ways:
- Open an issue by selecting one of the provided categories from the issue page and fill in the requested information.
- Modify the projects.yaml with your additions or changes, and submit a pull request. This can also be done directly via the Github UI.
If you like to contribute to or share suggestions regarding the project metadata collection or markdown generation, please refer to the best-of-generator repository. If you like to create your own best-of list, we recommend to follow this guide.
For more information on how to add or update projects, please read the contribution guidelines. By participating in this project, you agree to abide by its Code of Conduct.