Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lukasmasuch/best-of-react
🏆 A ranked list of awesome React open-source libraries and tools. Updated weekly.
https://github.com/lukasmasuch/best-of-react
List: best-of-react
ant-design awesome awesome-list best-of best-of-list bootstrap gatsby gatsbyjs material-design material-ui nextjs react react-component react-components react-redux reactjs web-development webapp
Last synced: about 2 months ago
JSON representation
🏆 A ranked list of awesome React open-source libraries and tools. Updated weekly.
- Host: GitHub
- URL: https://github.com/lukasmasuch/best-of-react
- Owner: lukasmasuch
- License: cc-by-sa-4.0
- Created: 2021-02-21T12:52:27.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-08-13T23:55:13.000Z (3 months ago)
- Last Synced: 2024-09-23T15:04:15.610Z (about 2 months ago)
- Topics: ant-design, awesome, awesome-list, best-of, best-of-list, bootstrap, gatsby, gatsbyjs, material-design, material-ui, nextjs, react, react-component, react-components, react-redux, reactjs, web-development, webapp
- Homepage:
- Size: 7.57 MB
- Stars: 817
- Watchers: 16
- Forks: 87
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: history/2021-02-21_changes.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
Best-of React Web
🏆 A ranked list of awesome React open-source libraries and tools. Updated weekly.
This curated list contains 430 awesome open-source projects with a total of 5M 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](https://github.com/LukasMasuch/best-of-react/issues/new/choose), submit a [pull request](https://github.com/LukasMasuch/best-of-react/pulls), or directly edit the [projects.yaml](https://github.com/LukasMasuch/best-of-react/edit/main/projects.yaml). Contributions are very welcome!
> 🧙♂️ Discover other [best-of lists](https://best-of.org) or [create your own](https://github.com/best-of-lists/best-of/blob/main/create-best-of-list.md).
## Contents
- [UI Frameworks & Libraries](#ui-frameworks--libraries) _47 projects_
- [App Frameworks](#app-frameworks) _6 projects_
- [Styling](#styling) _16 projects_
- [Layout](#layout) _11 projects_
- [Data Tables & Grids](#data-tables--grids) _39 projects_
- [Input Components](#input-components) _24 projects_
- [Internationalization & Localization](#internationalization--localization) _4 projects_
- [State Management](#state-management) _31 projects_
- [Routing](#routing) _12 projects_
- [Animations](#animations) _12 projects_
- [Data Visualization](#data-visualization) _37 projects_
- [Data Fetching](#data-fetching) _7 projects_
- [Notifications](#notifications) _9 projects_
- [File Handling](#file-handling) _10 projects_
- [Editor Components](#editor-components) _41 projects_
- [Drag & Drop](#drag--drop) _12 projects_
- [Developer Tools](#developer-tools) _31 projects_
- [Desktop Applications](#desktop-applications) _2 projects_
- [Utilities](#utilities) _8 projects_
- [Testing](#testing) _6 projects_
- [Admin Dashboards](#admin-dashboards) _11 projects_
- [Other Components](#other-components) _38 projects_
- [Others](#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 · ⭐ 92K) - MaterialUI: Ready-to-use foundational React components, free.. MIT
- [GitHub](https://github.com/mui/material-ui) (👨💻 3.2K · 🔀 32K · 📦 1.2M · 📋 19K - 8% open · ⏱️ 06.06.2024):
```
git clone https://github.com/mui-org/material-ui
```
- [npm](https://www.npmjs.com/package/@material-ui/core) (📥 6M / month · 📦 14K · ⏱️ 03.04.2022):
```
npm install @material-ui/core
```
Ant Design (🥇51 · ⭐ 91K) - An enterprise-class UI design language and React UI library. MIT
- [GitHub](https://github.com/ant-design/ant-design) (👨💻 2.4K · 🔀 47K · 📥 11K · 📦 630K · 📋 30K - 3% open · ⏱️ 06.06.2024):
```
git clone https://github.com/ant-design/ant-design
```
- [npm](https://www.npmjs.com/package/antd) (📥 6.4M / month · 📦 39K · ⏱️ 03.06.2024):
```
npm install antd
```
Bootstrap React (🥇45 · ⭐ 22K) - Bootstrap components built with React. MIT
- [GitHub](https://github.com/react-bootstrap/react-bootstrap) (👨💻 530 · 🔀 3.6K · 📥 51K · 📦 1.6M · 📋 3.6K - 5% open · ⏱️ 23.05.2024):
```
git clone https://github.com/react-bootstrap/react-bootstrap
```
- [npm](https://www.npmjs.com/package/react-bootstrap) (📥 5.2M / month · 📦 7.9K · ⏱️ 18.03.2024):
```
npm install react-bootstrap
```
bulma (🥇43 · ⭐ 49K) - Modern CSS framework based on Flexbox. MIT
- [GitHub](https://github.com/jgthms/bulma) (👨💻 420 · 🔀 3.9K · 📥 800K · 📦 250K · 📋 2.8K - 15% open · ⏱️ 29.05.2024):
```
git clone https://github.com/jgthms/bulma
```
- [npm](https://www.npmjs.com/package/bulma) (📥 1M / month · 📦 2.5K · ⏱️ 20.05.2024):
```
npm install bulma
```
fluentui (🥇43 · ⭐ 18K) - Fluent UI web represents a collection of utilities, React components, and.. MIT
- [GitHub](https://github.com/microsoft/fluentui) (👨💻 890 · 🔀 2.7K · 📦 14K · 📋 13K - 4% open · ⏱️ 06.06.2024):
```
git clone https://github.com/microsoft/fluentui
```
- [npm](https://www.npmjs.com/package/@fluentui/react) (📥 790K / month · 📦 430 · ⏱️ 28.05.2024):
```
npm install @fluentui/react
```
Blueprint (🥈41 · ⭐ 20K) - A React-based UI toolkit for the web. Apache-2
- [GitHub](https://github.com/palantir/blueprint) (👨💻 400 · 🔀 2.1K · 📦 17K · 📋 3.1K - 22% open · ⏱️ 05.06.2024):
```
git clone https://github.com/palantir/blueprint
```
- [npm](https://www.npmjs.com/package/@blueprintjs/core) (📥 750K / month · 📦 610 · ⏱️ 15.05.2024):
```
npm install @blueprintjs/core
```
primereact (🥈41 · ⭐ 6K) - The Most Complete React UI Component Library. MIT
- [GitHub](https://github.com/primefaces/primereact) (👨💻 280 · 🔀 940 · 📦 33K · 📋 4.6K - 5% open · ⏱️ 06.06.2024):
```
git clone https://github.com/primefaces/primereact
```
- [npm](https://www.npmjs.com/package/primereact) (📥 610K / month · 📦 450 · ⏱️ 24.05.2024):
```
npm install primereact
```
ant-design-mobile (🥈40 · ⭐ 11K) - Essential UI blocks for building mobile web apps. MIT
- [GitHub](https://github.com/ant-design/ant-design-mobile) (👨💻 300 · 🔀 2.4K · 📦 26K · 📋 4.4K - 4% open · ⏱️ 05.06.2024):
```
git clone https://github.com/ant-design/ant-design-mobile
```
- [npm](https://www.npmjs.com/package/antd-mobile) (📥 220K / month · 📦 1.1K · ⏱️ 27.05.2024):
```
npm install antd-mobile
```
reactstrap (🥈40 · ⭐ 11K) - Simple React Bootstrap 5 components. MIT
- [GitHub](https://github.com/reactstrap/reactstrap) (👨💻 270 · 🔀 1.3K · 📦 390K · 📋 1.3K - 22% open · ⏱️ 30.04.2024):
```
git clone https://github.com/reactstrap/reactstrap
```
- [npm](https://www.npmjs.com/package/reactstrap) (📥 2M / month · 📦 2.6K · ⏱️ 08.11.2023):
```
npm install reactstrap
```
carbon (🥈40 · ⭐ 7.5K) - A design system built by IBM. Apache-2
- [GitHub](https://github.com/carbon-design-system/carbon) (👨💻 510 · 🔀 1.8K · 📥 3 · 📦 7.3K · 📋 8.2K - 7% open · ⏱️ 05.06.2024):
```
git clone https://github.com/carbon-design-system/carbon
```
- [npm](https://www.npmjs.com/package/carbon-components-react) (📥 150K / month · 📦 270 · ⏱️ 05.06.2024):
```
npm install carbon-components-react
```
polaris-react (🥈40 · ⭐ 5.7K) - Shopifys design system to help us work together to build a great.. MIT
- [GitHub](https://github.com/Shopify/polaris) (👨💻 520 · 🔀 1.2K · 📦 10K · 📋 4.7K - 4% open · ⏱️ 03.06.2024):
```
git clone https://github.com/Shopify/polaris-react
```
- [npm](https://www.npmjs.com/package/@shopify/polaris) (📥 540K / month · 📦 130 · ⏱️ 24.05.2024):
```
npm install @shopify/polaris
```
chakra-ui (🥈39 · ⭐ 37K) - Simple, Modular & Accessible UI Components for your React Applications. MIT
- [GitHub](https://github.com/chakra-ui/chakra-ui) (👨💻 660 · 🔀 3.2K · 📦 300K · 📋 3.6K - 7% open · ⏱️ 05.06.2024):
```
git clone https://github.com/chakra-ui/chakra-ui
```
- [npm](https://www.npmjs.com/package/chakra-ui) (📥 3.7K / month · 📦 8 · ⏱️ 03.08.2019):
```
npm install chakra-ui
```
Semantic UI React (🥈39 · ⭐ 13K) - The official Semantic-UI-React integration. MIT
- [GitHub](https://github.com/Semantic-Org/Semantic-UI-React) (👨💻 330 · 🔀 4K · 📦 190K · 📋 2.6K - 7% open · ⏱️ 19.03.2024):
```
git clone https://github.com/Semantic-Org/Semantic-UI-React
```
- [npm](https://www.npmjs.com/package/semantic-ui-react) (📥 1.1M / month · 📦 1.9K · ⏱️ 30.12.2023):
```
npm install semantic-ui-react
```
react-spectrum (🥈38 · ⭐ 12K) - A collection of libraries and tools that help you build.. Apache-2
- [GitHub](https://github.com/adobe/react-spectrum) (👨💻 340 · 🔀 1K · 📦 2.1K · 📋 2.3K - 30% open · ⏱️ 06.06.2024):
```
git clone https://github.com/adobe/react-spectrum
```
- [npm](https://www.npmjs.com/package/react-aria) (📥 2M / month · 📦 510 · ⏱️ 05.06.2024):
```
npm install react-aria
```
Grommet (🥈38 · ⭐ 8.3K) - a react-based framework that provides accessibility, modularity,.. Apache-2
- [GitHub](https://github.com/grommet/grommet) (👨💻 380 · 🔀 1K · 📥 2.3K · 📦 10K · 📋 3.4K - 9% open · ⏱️ 04.06.2024):
```
git clone https://github.com/grommet/grommet
```
- [npm](https://www.npmjs.com/package/grommet) (📥 120K / month · 📦 230 · ⏱️ 28.05.2024):
```
npm install grommet
```
React Suite (🥈37 · ⭐ 8.2K) - A suite of React components . MIT
- [GitHub](https://github.com/rsuite/rsuite) (👨💻 120 · 🔀 920 · 📦 19K · 📋 1.1K - 20% open · ⏱️ 31.05.2024):
```
git clone https://github.com/rsuite/rsuite
```
- [npm](https://www.npmjs.com/package/rsuite) (📥 390K / month · 📦 280 · ⏱️ 30.05.2024):
```
npm install rsuite
```
reakit (🥈35 · ⭐ 7.7K) - Toolkit for building accessible web apps with React. MIT
- [GitHub](https://github.com/ariakit/ariakit) (👨💻 120 · 🔀 370 · 📦 1.8K · 📋 610 - 14% open · ⏱️ 04.06.2024):
```
git clone https://github.com/reakit/reakit
```
- [npm](https://www.npmjs.com/package/reakit) (📥 500K / month · 📦 240 · ⏱️ 18.11.2021):
```
npm install reakit
```
theme-ui (🥈35 · ⭐ 5.2K) - Build consistent, themeable React apps based on constraint-based design.. MIT
- [GitHub](https://github.com/system-ui/theme-ui) (👨💻 160 · 🔀 670 · 📦 37K · 📋 680 - 9% open · ⏱️ 10.04.2024):
```
git clone https://github.com/system-ui/theme-ui
```
- [npm](https://www.npmjs.com/package/theme-ui) (📥 260K / month · 📦 1.3K · ⏱️ 19.02.2024):
```
npm install theme-ui
```
headlessui (🥉34 · ⭐ 25K) - Completely unstyled, fully accessible UI components, designed to.. MIT
- [GitHub](https://github.com/tailwindlabs/headlessui) (👨💻 62 · 🔀 1K · 📦 3.7K · 📋 1.2K - 1% open · ⏱️ 03.06.2024):
```
git clone https://github.com/tailwindlabs/headlessui
```
- [npm](https://www.npmjs.com/package/headlessui) (📥 29K / month · 📦 6 · ⏱️ 13.09.2020):
```
npm install headlessui
```
semi-design (🥉34 · ⭐ 8K) - A modern, comprehensive, flexible design system and React UI library... MIT
- [GitHub](https://github.com/DouyinFE/semi-design) (👨💻 130 · 🔀 680 · 📦 1.2K · 📋 1K - 15% open · ⏱️ 05.06.2024):
```
git clone https://github.com/DouyinFE/semi-design
```
- [npm](https://www.npmjs.com/package/@douyinfe/semi-animation-react) (📥 11K / month · 📦 9 · ⏱️ 04.06.2024):
```
npm install @douyinfe/semi-animation-react
```
components (🥉34 · ⭐ 3K) - An implementation of GitHubs Primer Design System using React. MIT
- [GitHub](https://github.com/primer/react) (👨💻 390 · 🔀 510 · 📦 3.2K · 📋 930 - 11% open · ⏱️ 06.06.2024):
```
git clone https://github.com/primer/react
```
- [npm](https://www.npmjs.com/package/@primer/components) (📥 24K / month · 📦 40 · ⏱️ 30.06.2022):
```
npm install @primer/components
```
mantine (🥉32 · ⭐ 25K) - A fully featured React components library. MIT
- [GitHub](https://github.com/mantinedev/mantine) (👨💻 520 · 🔀 1.8K · 📦 1 · 📋 2.5K - 1% open · ⏱️ 30.05.2024):
```
git clone https://github.com/mantinedev/mantine
```
- [npm](https://www.npmjs.com/package/@mantine/tag-picker) (📥 47 / month · 📦 5 · ⏱️ 30.07.2021):
```
npm install @mantine/tag-picker
```
gestalt (🥉32 · ⭐ 4.2K) - A set of React UI components that supports Pinterests design language. Apache-2
- [GitHub](https://github.com/pinterest/gestalt) (👨💻 130 · 🔀 340 · 📦 850 · ⏱️ 05.06.2024):
```
git clone https://github.com/pinterest/gestalt
```
- [npm](https://www.npmjs.com/package/gestalt) (📥 21K / month · 📦 20 · ⏱️ 04.06.2024):
```
npm install gestalt
```
ring-ui (🥉32 · ⭐ 3.6K) - A collection of JetBrains Web UI components. Apache-2
- [GitHub](https://github.com/JetBrains/ring-ui) (👨💻 180 · 🔀 180 · 📦 76 · ⏱️ 06.06.2024):
```
git clone https://github.com/JetBrains/ring-ui
```
- [npm](https://www.npmjs.com/package/@jetbrains/ring-ui) (📥 18K / month · 📦 66 · ⏱️ 05.06.2024):
```
npm install @jetbrains/ring-ui
```
tabler (🥉31 · ⭐ 37K) - Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap. MIT
- [GitHub](https://github.com/tabler/tabler) (👨💻 120 · 🔀 3.8K · 📦 1.2K · 📋 900 - 8% open · ⏱️ 30.04.2024):
```
git clone https://github.com/tabler/tabler
```
- [npm](https://www.npmjs.com/package/tabler) (📥 900 / month · 📦 12 · ⏱️ 09.11.2020):
```
npm install tabler
```
coreui-react (🥉31 · ⭐ 650) - CoreUI React.js UI Components. CoreUI for React.js replaces and.. MIT
- [GitHub](https://github.com/coreui/coreui-react) (👨💻 12 · 🔀 260 · 📦 20K · 📋 290 - 2% open · ⏱️ 27.05.2024):
```
git clone https://github.com/coreui/coreui-react
```
- [npm](https://www.npmjs.com/package/@coreui/react) (📥 260K / month · 📦 93 · ⏱️ 27.05.2024):
```
npm install @coreui/react
```
orbit (🥉30 · ⭐ 1.4K) - React components of open-source Orbit design system by Kiwi.com. MIT
- [GitHub](https://github.com/kiwicom/orbit) (👨💻 88 · 🔀 150 · 📦 72 · 📋 400 - 7% open · ⏱️ 06.06.2024):
```
git clone https://github.com/kiwicom/orbit
```
- [npm](https://www.npmjs.com/package/@kiwicom/orbit-components) (📥 30K / month · 📦 37 · ⏱️ 31.05.2024):
```
npm install @kiwicom/orbit-components
```
react-bulma-components (🥉30 · ⭐ 1.2K) - React components for Bulma framework. MIT
- [GitHub](https://github.com/couds/react-bulma-components) (👨💻 62 · 🔀 130 · 📦 4.8K · 📋 250 - 14% open · ⏱️ 26.01.2024):
```
git clone https://github.com/couds/react-bulma-components
```
- [npm](https://www.npmjs.com/package/react-bulma-components) (📥 110K / month · 📦 140 · ⏱️ 04.02.2022):
```
npm install react-bulma-components
```
Radix Primitives (🥉29 · ⭐ 15K) - Radix Primitives is an open-source UI component library for.. MIT
- [GitHub](https://github.com/radix-ui/primitives) (👨💻 44 · 🔀 700 · 📋 1.4K - 30% open · ⏱️ 03.06.2024):
```
git clone https://github.com/radix-ui/primitives
```
- [npm](https://www.npmjs.com/package/@radix-ui/utils) (📥 23K / month · 📦 38 · ⏱️ 27.01.2021):
```
npm install @radix-ui/utils
```
Evergreen (🥉28 · ⭐ 12K · 💤) - Evergreen React UI Framework by Segment. MIT
- [GitHub](https://github.com/segmentio/evergreen) (👨💻 160 · 🔀 830 · 📦 3 · 📋 540 - 14% open · ⏱️ 21.06.2023):
```
git clone https://github.com/segmentio/evergreen
```
- [npm](https://www.npmjs.com/package/evergreen-ui) (📥 41K / month · 📦 140 · ⏱️ 21.06.2023):
```
npm install evergreen-ui
```
baseweb (🥉28 · ⭐ 8.6K) - A React Component library implementing the Base design language. MIT
- [GitHub](https://github.com/uber/baseweb) (👨💻 250 · 🔀 830 · 📦 3 · ⏱️ 20.03.2024):
```
git clone https://github.com/uber/baseweb
```
- [npm](https://www.npmjs.com/package/baseui) (📥 150K / month · 📦 110 · ⏱️ 20.03.2024):
```
npm install baseui
```
shineout (🥉26 · ⭐ 910) - React. MIT
- [GitHub](https://github.com/sheinsight/shineout) (👨💻 45 · 🔀 150 · 📋 130 - 31% open · ⏱️ 06.06.2024):
```
git clone https://github.com/sheinsight/shineout
```
- [npm](https://www.npmjs.com/package/shineout) (📥 9.8K / month · 📦 20 · ⏱️ 03.06.2024):
```
npm install shineout
```
ChatUI (🥉24 · ⭐ 2.5K · 💤) - The UI design language and React library for Conversational UI. MIT
- [GitHub](https://github.com/alibaba/ChatUI) (👨💻 6 · 🔀 270 · 📦 350 · 📋 110 - 27% open · ⏱️ 05.07.2023):
```
git clone https://github.com/alibaba/ChatUI
```
- [npm](https://www.npmjs.com/package/@chatui/core) (📥 4.4K / month · 📦 14 · ⏱️ 23.11.2023):
```
npm install @chatui/core
```
pivotal-ui (🥉24 · ⭐ 640) - Pivotals design system & component library. MIT
- [GitHub](https://github.com/pivotal-cf/pivotal-ui) (👨💻 170 · 🔀 93 · 📥 510 · 📦 180 · 📋 330 - 18% open · ⏱️ 15.05.2024):
```
git clone https://github.com/pivotal-cf/pivotal-ui
```
- [npm](https://www.npmjs.com/package/@npmcorp/pui-react-helpers) (📥 43 / month · 📦 25 · ⏱️ 20.07.2016):
```
npm install @npmcorp/pui-react-helpers
```
atomize (🥉22 · ⭐ 1.7K · 💤) - Design System for developers build on styled-components & React JS. MIT
- [GitHub](https://github.com/proksh/atomize) (👨💻 12 · 🔀 330 · 📦 630 · 📋 48 - 58% open · ⏱️ 19.10.2023):
```
git clone https://github.com/proksh/atomize
```
- [npm](https://www.npmjs.com/package/atomize) (📥 2.1K / month · 📦 13 · ⏱️ 14.06.2021):
```
npm install atomize
```
dashboard-ui-kit (🥉17 · ⭐ 200) - React UI components for rapid development. MIT
- [GitHub](https://github.com/march08/dashboard-ui-kit) (👨💻 1 · 🔀 30 · 📦 43 · 📋 34 - 70% open · ⏱️ 23.01.2024):
```
git clone https://github.com/march08/dashboard-ui-kit
```
- [npm](https://www.npmjs.com/package/@duik/it) (📥 220 / month · 📦 3 · ⏱️ 14.05.2020):
```
npm install @duik/it
```
Show 11 hidden projects...
- eui (🥈38 · ⭐ 6K) - Elastic UI Framework. ❗️ICU
- Semantic-UI (🥈36 · ⭐ 51K · 💀) - Semantic is a UI component framework based around useful.. MIT
- Rebass (🥉32 · ⭐ 7.9K · 💀) - React primitive UI components built with styled-system. MIT
- tabler-react (🥉27 · ⭐ 2.3K · 💀) - React components and demo for the Tabler UI theme. MIT
- Supabase UI (🥉27 · ⭐ 1.5K · 💀) - Supabase UI Library. MIT
- react-foundation (🥉25 · ⭐ 600 · 💀) - Foundation as React components. MIT
- geist-ui (🥉24 · ⭐ 4.2K · 💀) - A design system for building modern websites and applications. MIT
- bumbag-ui (🥉21 · ⭐ 1K · 💀) - Build themeable React & React Native applications with your Bumbag. MIT
- trunx (🥉21 · ⭐ 64) - Super Saiyan React components, son of awesome Bulma. MIT
- shards-react (🥉19 · ⭐ 760 · 💀) - A beautiful and modern React design system. 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._
Next.js (🥇55 · ⭐ 120K) - The React Framework. MIT
- [GitHub](https://github.com/vercel/next.js) (👨💻 3.5K · 🔀 26K · 📦 3M · 📋 21K - 15% open · ⏱️ 06.06.2024):
```
git clone https://github.com/vercel/next.js
```
- [npm](https://www.npmjs.com/package/next) (📥 28M / month · 📦 130K · ⏱️ 02.06.2024):
```
npm install next
```
Gatsby (🥈46 · ⭐ 55K) - The best React-based framework with performance, scalability and security.. MIT
- [GitHub](https://github.com/gatsbyjs/gatsby) (👨💻 4.4K · 🔀 10K · 📦 250K · 📋 14K - 2% open · ⏱️ 03.06.2024):
```
git clone https://github.com/gatsbyjs/gatsby
```
- [npm](https://www.npmjs.com/package/gatsby) (📥 1.4M / month · 📦 3.5K · ⏱️ 04.06.2024):
```
npm install gatsby
```
cube.js (🥈41 · ⭐ 17K) - Cube The Semantic Layer for Building Data Applications. Apache-2
- [GitHub](https://github.com/cube-js/cube) (👨💻 310 · 🔀 1.7K · 📥 330K · 📦 1.8K · 📋 2.2K - 26% open · ⏱️ 05.06.2024):
```
git clone https://github.com/cube-js/cube.js
```
- [npm](https://www.npmjs.com/package/@cubejs-backend/api-gateway) (📥 74K / month · 📦 20 · ⏱️ 05.06.2024):
```
npm install @cubejs-backend/api-gateway
```
umi (🥈41 · ⭐ 15K) - A framework in react community. MIT
- [GitHub](https://github.com/umijs/umi) (👨💻 490 · 🔀 2.6K · 📦 37K · 📋 6.7K - 2% open · ⏱️ 06.06.2024):
```
git clone https://github.com/umijs/umi
```
- [npm](https://www.npmjs.com/package/umi) (📥 150K / month · 📦 1.6K · ⏱️ 31.05.2024):
```
npm install umi
```
redwood (🥉40 · ⭐ 17K) - The App Framework for Startups. MIT
- [GitHub](https://github.com/redwoodjs/redwood) (👨💻 440 · 🔀 960 · 📦 5.2K · 📋 2.3K - 19% open · ⏱️ 06.06.2024):
```
git clone https://github.com/redwoodjs/redwood
```
- [npm](https://www.npmjs.com/package/@redwoodjs/core) (📥 220K / month · 📦 25 · ⏱️ 31.05.2024):
```
npm install @redwoodjs/core
```
blitz (🥉33 · ⭐ 13K) - The Missing Fullstack Toolkit for Next.js. MIT
- [GitHub](https://github.com/blitz-js/blitz) (👨💻 320 · 🔀 780 · 📦 2.6K · 📋 640 - 10% open · ⏱️ 04.06.2024):
```
git clone https://github.com/blitz-js/blitz
```
- [npm](https://www.npmjs.com/package/blitz) (📥 24K / month · 📦 28 · ⏱️ 04.06.2024):
```
npm install blitz
```
## Styling
_CSS and component styling frameworks._
Tailwind CSS (🥇49 · ⭐ 79K) - A utility-first CSS framework for rapid UI development. MIT
- [GitHub](https://github.com/tailwindlabs/tailwindcss) (👨💻 300 · 🔀 4K · 📥 3.2M · 📦 9.7M · 📋 3.3K - 1% open · ⏱️ 04.06.2024):
```
git clone https://github.com/tailwindlabs/tailwindcss
```
- [npm](https://www.npmjs.com/package/tailwindcss) (📥 37M / month · 📦 150K · ⏱️ 05.06.2024):
```
npm install tailwindcss
```
Styled Components (🥇46 · ⭐ 40K · 📈) - Visual primitives for the component age. Use the best.. MIT
- [GitHub](https://github.com/styled-components/styled-components) (👨💻 360 · 🔀 2.5K · 📦 2.4M · 📋 2.9K - 8% open · ⏱️ 09.05.2024):
```
git clone https://github.com/styled-components/styled-components
```
- [npm](https://www.npmjs.com/package/styled-components) (📥 24M / month · 📦 45K · ⏱️ 09.05.2024):
```
npm install styled-components
```
emotion (🥈40 · ⭐ 17K) - CSS-in-JS library designed for high performance style composition. MIT
- [GitHub](https://github.com/emotion-js/emotion) (👨💻 320 · 🔀 1.1K · 📦 320K · 📋 1.7K - 17% open · ⏱️ 17.05.2024):
```
git clone https://github.com/emotion-js/emotion
```
- [npm](https://www.npmjs.com/package/@emotion/react) (📥 34M / month · 📦 18K · ⏱️ 27.02.2024):
```
npm install @emotion/react
```
polished (🥈38 · ⭐ 7.6K) - A lightweight toolset for writing styles in JavaScript. MIT
- [GitHub](https://github.com/styled-components/polished) (👨💻 84 · 🔀 210 · 📦 380K · 📋 240 - 9% open · ⏱️ 01.02.2024):
```
git clone https://github.com/styled-components/polished
```
- [npm](https://www.npmjs.com/package/polished) (📥 29M / month · 📦 6.8K · ⏱️ 01.02.2024):
```
npm install polished
```
jss (🥈36 · ⭐ 7.1K) - JSS is an authoring tool for CSS which uses JavaScript as a host language. MIT
- [GitHub](https://github.com/cssinjs/jss) (👨💻 140 · 🔀 400 · 📦 710K · 📋 990 - 21% open · ⏱️ 14.05.2024):
```
git clone https://github.com/cssinjs/jss
```
- [npm](https://www.npmjs.com/package/react-jss) (📥 1.1M / month · 📦 1.8K · ⏱️ 09.02.2023):
```
npm install react-jss
```
vanilla-extract (🥈35 · ⭐ 9.3K) - Zero-runtime Stylesheets-in-TypeScript. MIT
- [GitHub](https://github.com/vanilla-extract-css/vanilla-extract) (👨💻 100 · 🔀 270 · 📦 64K · 📋 310 - 14% open · ⏱️ 06.06.2024):
```
git clone https://github.com/seek-oss/vanilla-extract
```
- [npm](https://www.npmjs.com/package/@vanilla-extract/integration) (📥 2.3M / month · 📦 59 · ⏱️ 22.05.2024):
```
npm install @vanilla-extract/integration
```
react-responsive (🥈33 · ⭐ 7K) - CSS media queries in react - for responsive design, and more. MIT
- [GitHub](https://github.com/yocontra/react-responsive) (👨💻 66 · 🔀 300 · 📦 76K · 📋 220 - 1% open · ⏱️ 19.03.2024):
```
git clone https://github.com/yocontra/react-responsive
```
- [npm](https://www.npmjs.com/package/react-responsive) (📥 2.7M / month · 📦 1.3K · ⏱️ 19.03.2024):
```
npm install react-responsive
```
twin.macro (🥉32 · ⭐ 7.8K) - Twin blends the magic of Tailwind with the flexibility of css-in-js.. MIT
- [GitHub](https://github.com/ben-rogerson/twin.macro) (👨💻 49 · 🔀 180 · 📦 15K · 📋 330 - 5% open · ⏱️ 08.04.2024):
```
git clone https://github.com/ben-rogerson/twin.macro
```
- [npm](https://www.npmjs.com/package/twin.macro) (📥 330K / month · 📦 440 · ⏱️ 19.01.2024):
```
npm install twin.macro
```
linaria (🥉31 · ⭐ 11K) - Zero-runtime CSS in JS library. MIT
- [GitHub](https://github.com/callstack/linaria) (👨💻 150 · 🔀 410 · 📦 1.8K · 📋 670 - 21% open · ⏱️ 26.04.2024):
```
git clone https://github.com/callstack/linaria
```
- [npm](https://www.npmjs.com/package/linaria) (📥 33K / month · 📦 170 · ⏱️ 26.04.2024):
```
npm install linaria
```
stitches (🥉31 · ⭐ 7.7K · 💤) - [Not Actively Maintained] CSS-in-JS with near-zero runtime, SSR,.. MIT
- [GitHub](https://github.com/stitchesjs/stitches) (👨💻 54 · 🔀 250 · 📦 4 · 📋 660 - 17% open · ⏱️ 19.06.2023):
```
git clone https://github.com/modulz/stitches
```
- [npm](https://www.npmjs.com/package/@stitches/react) (📥 1.5M / month · 📦 2.3K · ⏱️ 20.10.2022):
```
npm install @stitches/react
```
react-container-query (🥉26 · ⭐ 890 · 💤) - Modular responsive component. MIT
- [GitHub](https://github.com/react-container-query/react-container-query) (👨💻 19 · 🔀 45 · 📦 18K · 📋 53 - 32% open · ⏱️ 14.09.2023):
```
git clone https://github.com/react-container-query/react-container-query
```
- [npm](https://www.npmjs.com/package/react-container-query) (📥 79K / month · 📦 200 · ⏱️ 14.09.2023):
```
npm install react-container-query
```
styletron (🥉25 · ⭐ 3.3K · 💤) - Toolkit for component-oriented styling. MIT
- [GitHub](https://github.com/styletron/styletron) (👨💻 41 · 🔀 100 · 📦 8.1K · 📋 190 - 19% open · ⏱️ 06.10.2023):
```
git clone https://github.com/styletron/styletron
```
- [npm](https://www.npmjs.com/package/styletron) (📥 670 / month · 📦 30 · ⏱️ 17.01.2018):
```
npm install styletron
```
Show 4 hidden projects...
- radium (🥉32 · ⭐ 7.4K · 💀) - A toolchain for React component styling. MIT
- aphrodite (🥉31 · ⭐ 5.3K · 💀) - Framework-agnostic CSS-in-JS with support for server-side.. MIT
- inline-style-prefixer (🥉31 · ⭐ 390 · 💀) - Autoprefixer for JavaScript style objects. MIT
- aesthetic (🥉17 · ⭐ 200 · 💀) - Aesthetic is an end-to-end multi-platform styling framework that.. MIT
## Layout
_Components to layout the UI elements._
react-grid-layout (🥇37 · ⭐ 20K) - A draggable and resizable grid layout with responsive.. MIT
- [GitHub](https://github.com/react-grid-layout/react-grid-layout) (👨💻 130 · 🔀 2.5K · 📦 18K · 📋 1.5K - 11% open · ⏱️ 15.02.2024):
```
git clone https://github.com/react-grid-layout/react-grid-layout
```
- [npm](https://www.npmjs.com/package/react-grid-layout) (📥 2.8M / month · 📦 730 · ⏱️ 24.11.2023):
```
npm install react-grid-layout
```
react-popper (🥇34 · ⭐ 2.5K) - Official React library to use Popper, the positioning library. MIT
- [GitHub](https://github.com/floating-ui/react-popper) (👨💻 73 · 🔀 230 · 📦 760K · 📋 300 - 13% open · ⏱️ 08.05.2024):
```
git clone https://github.com/floating-ui/react-popper
```
- [npm](https://www.npmjs.com/package/react-popper) (📥 21M / month · 📦 3.2K · ⏱️ 28.04.2022):
```
npm install react-popper
```
react-spaces (🥈26 · ⭐ 1.3K) - React components that allow you to divide a page or container into.. MIT
- [GitHub](https://github.com/aeagle/react-spaces) (👨💻 9 · 🔀 23 · 📦 180 · 📋 68 - 14% open · ⏱️ 21.04.2024):
```
git clone https://github.com/aeagle/react-spaces
```
- [npm](https://www.npmjs.com/package/react-spaces) (📥 4.6K / month · 📦 78 · ⏱️ 30.04.2024):
```
npm install react-spaces
```
Re-Flex (🥉25 · ⭐ 620) - Resizable Flex layout container components for advanced React web.. MIT
- [GitHub](https://github.com/leefsmp/Re-Flex) (👨💻 25 · 🔀 72 · 📦 1.5K · 📋 130 - 10% open · ⏱️ 10.03.2024):
```
git clone https://github.com/leefsmp/Re-Flex
```
- [npm](https://www.npmjs.com/package/react-reflex) (📥 130K / month · 📦 67 · ⏱️ 10.03.2024):
```
npm install react-reflex
```
Show 7 hidden projects...
- golden-layout (🥈29 · ⭐ 6.2K · 💀) - A multi window layout manager for webapps. MIT
- react-masonry-component (🥈29 · ⭐ 1.4K · 💀) - A React.js component for using @desandros Masonry. MIT
- autoresponsive-react (🥉21 · ⭐ 1.6K · 💤) - Auto Responsive Layout Library For React. ❗Unlicensed
- 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
- muuri-react (🥉19 · ⭐ 350 · 💀) - The layout engine for React. MIT
- React-Splitters (🥉18 · ⭐ 160 · 💀) - React splitter component, written in TypeScript. MIT
## Data Tables & Grids
_Data grid, tables, and spreadsheet components._
ag-Grid (🥇44 · ⭐ 12K) - The best JavaScript Data Table for building Enterprise Applications... MIT
- [GitHub](https://github.com/ag-grid/ag-grid) (👨💻 180 · 🔀 1.8K · 📦 5.5K · 📋 6K - 1% open · ⏱️ 06.06.2024):
```
git clone https://github.com/ag-grid/ag-grid
```
- [npm](https://www.npmjs.com/package/ag-grid-community) (📥 2.8M / month · 📦 800 · ⏱️ 15.05.2024):
```
npm install ag-grid-community
```
react-table (🥇41 · ⭐ 24K) - Headless UI for building powerful tables & datagrids for TS/JS -.. MIT
- [GitHub](https://github.com/TanStack/table) (👨💻 420 · 🔀 3K · 📋 2.4K - 6% open · ⏱️ 06.06.2024):
```
git clone https://github.com/tannerlinsley/react-table
```
- [npm](https://www.npmjs.com/package/react-table) (📥 5.6M / month · 📦 2.2K · ⏱️ 16.05.2022):
```
npm install react-table
```
material-ui-x (🥇41 · ⭐ 3.9K) - MUI X: Build complex and data-rich applications using a.. MIT
- [GitHub](https://github.com/mui/mui-x) (👨💻 360 · 🔀 1.2K · 📥 15K · 📦 110K · 📋 5.5K - 19% open · ⏱️ 06.06.2024):
```
git clone https://github.com/mui-org/material-ui-x
```
- [npm](https://www.npmjs.com/package/@material-ui/data-grid) (📥 200K / month · 📦 130 · ⏱️ 12.08.2021):
```
npm install @material-ui/data-grid
```
react-data-grid (🥈36 · ⭐ 6.7K) - Feature-rich and customizable data grid React component. MIT
- [GitHub](https://github.com/adazzle/react-data-grid) (👨💻 140 · 🔀 2.2K · 📦 10K · 📋 1.5K - 11% open · ⏱️ 03.06.2024):
```
git clone https://github.com/adazzle/react-data-grid
```
- [npm](https://www.npmjs.com/package/react-data-grid) (📥 580K / month · 📦 380 · ⏱️ 16.05.2024):
```
npm install react-data-grid
```
react-window (🥈35 · ⭐ 15K · 💤) - React components for efficiently rendering large lists and.. MIT
- [GitHub](https://github.com/bvaughn/react-window) (👨💻 37 · 🔀 770 · 📥 38 · 📦 160K · 📋 640 - 39% open · ⏱️ 22.11.2023):
```
git clone https://github.com/bvaughn/react-window
```
- [npm](https://www.npmjs.com/package/react-window) (📥 8.5M / month · 📦 2.5K · ⏱️ 22.11.2023):
```
npm install react-window
```
material-table (🥈34 · ⭐ 3.5K · 💤) - Datatable for React based on material-uis table with.. MIT
- [GitHub](https://github.com/mbrn/material-table) (👨💻 200 · 🔀 1K · 📦 28K · 📋 2.6K - 1% open · ⏱️ 18.06.2023):
```
git clone https://github.com/mbrn/material-table
```
- [npm](https://www.npmjs.com/package/material-table) (📥 240K / month · 📦 240 · ⏱️ 18.06.2023):
```
npm install material-table
```
Perspective (🥈33 · ⭐ 7.7K) - A data visualization and analytics component, especially well-.. Apache-2
- [GitHub](https://github.com/finos/perspective) (👨💻 93 · 🔀 1K · 📥 2.9K · 📦 120 · 📋 760 - 13% open · ⏱️ 29.05.2024):
```
git clone https://github.com/finos/perspective
```
- [PyPi](https://pypi.org/project/perspective-python) (📥 5.9K / month · 📦 22 · ⏱️ 23.05.2024):
```
pip install perspective-python
```
- [Conda](https://anaconda.org/conda-forge/perspective) (📥 650K · ⏱️ 23.05.2024):
```
conda install -c conda-forge perspective
```
- [npm](https://www.npmjs.com/package/@finos/perspective) (📥 64K / month · 📦 48 · ⏱️ 23.05.2024):
```
npm install @finos/perspective
```
tabulator (🥈33 · ⭐ 6.3K) - Interactive Tables and Data Grids for JavaScript. MIT
- [GitHub](https://github.com/olifolkerd/tabulator) (👨💻 110 · 🔀 780 · 📋 4.2K - 3% open · ⏱️ 28.04.2024):
```
git clone https://github.com/olifolkerd/tabulator
```
- [npm](https://www.npmjs.com/package/tabulator-tables) (📥 370K / month · 📦 140 · ⏱️ 28.04.2024):
```
npm install tabulator-tables
```
React Data Table (🥈33 · ⭐ 2K) - A responsive table library with built-in sorting,.. Apache-2
- [GitHub](https://github.com/jbetancur/react-data-table-component) (👨💻 68 · 🔀 400 · 📦 31K · 📋 790 - 6% open · ⏱️ 09.03.2024):
```
git clone https://github.com/jbetancur/react-data-table-component
```
- [npm](https://www.npmjs.com/package/react-data-table-component) (📥 530K / month · 📦 260 · ⏱️ 12.01.2024):
```
npm install react-data-table-component
```
SlickGrid (🥈32 · ⭐ 1.8K) - A lightning fast JavaScript grid/spreadsheet. MIT
- [GitHub](https://github.com/6pac/SlickGrid) (👨💻 150 · 🔀 420 · 📦 1.7K · 📋 410 - 2% open · ⏱️ 05.06.2024):
```
git clone https://github.com/6pac/SlickGrid
```
- [npm](https://www.npmjs.com/package/slickgrid) (📥 30K / month · 📦 46 · ⏱️ 07.05.2024):
```
npm install slickgrid
```
fixed-data-table-2 (🥈32 · ⭐ 1.3K) - A React table component designed to allow presenting.. BSD-3
- [GitHub](https://github.com/schrodinger/fixed-data-table-2) (👨💻 110 · 🔀 290 · 📦 1.3K · 📋 360 - 12% open · ⏱️ 23.05.2024):
```
git clone https://github.com/schrodinger/fixed-data-table-2
```
- [npm](https://www.npmjs.com/package/fixed-data-table-2) (📥 210K / month · 📦 110 · ⏱️ 23.05.2024):
```
npm install fixed-data-table-2
```
gridjs (🥈31 · ⭐ 4.3K · 📉) - Advanced table plugin. MIT
- [GitHub](https://github.com/grid-js/gridjs) (👨💻 45 · 🔀 230 · 📦 2.9K · 📋 360 - 27% open · ⏱️ 03.03.2024):
```
git clone https://github.com/grid-js/gridjs
```
- [npm](https://www.npmjs.com/package/gridjs) (📥 97K / month · 📦 58 · ⏱️ 03.03.2024):
```
npm install gridjs
```
glide-data-grid (🥉28 · ⭐ 3.5K) - Glide Data Grid is a no compromise, outrageously react fast.. MIT
- [GitHub](https://github.com/glideapps/glide-data-grid) (👨💻 40 · 🔀 270 · 📦 3 · 📋 540 - 13% open · ⏱️ 10.05.2024):
```
git clone https://github.com/glideapps/glide-data-grid
```
- [npm](https://www.npmjs.com/package/@glideapps/glide-data-grid) (📥 110K / month · 📦 20 · ⏱️ 10.05.2024):
```
npm install @glideapps/glide-data-grid
```
react-base-table (🥉28 · ⭐ 1.5K) - A react table component to display large datasets with high.. MIT
- [GitHub](https://github.com/Autodesk/react-base-table) (👨💻 13 · 🔀 160 · 📦 610 · 📋 280 - 31% open · ⏱️ 24.05.2024):
```
git clone https://github.com/Autodesk/react-base-table
```
- [npm](https://www.npmjs.com/package/react-base-table) (📥 95K / month · 📦 47 · ⏱️ 24.05.2024):
```
npm install react-base-table
```
React Spreadsheet (🥉28 · ⭐ 1.2K) - Simple, customizable yet performant spreadsheet for React. MIT
- [GitHub](https://github.com/iddan/react-spreadsheet) (👨💻 34 · 🔀 140 · 📦 770 · 📋 180 - 14% open · ⏱️ 02.06.2024):
```
git clone https://github.com/iddan/react-spreadsheet
```
- [npm](https://www.npmjs.com/package/react-spreadsheet) (📥 100K / month · 📦 16 · ⏱️ 28.01.2024):
```
npm install react-spreadsheet
```
ka-table (🥉28 · ⭐ 720) - Lightweight MIT React Table component with Sorting, Filtering, Grouping,.. MIT
- [GitHub](https://github.com/komarovalexander/ka-table) (👨💻 10 · 🔀 53 · 📦 330 · 📋 180 - 5% open · ⏱️ 18.05.2024):
```
git clone https://github.com/komarovalexander/ka-table
```
- [npm](https://www.npmjs.com/package/ka-table) (📥 23K / month · 📦 16 · ⏱️ 18.05.2024):
```
npm install ka-table
```
rsuite-table (🥉28 · ⭐ 700) - A React table component. MIT
- [GitHub](https://github.com/rsuite/rsuite-table) (👨💻 29 · 🔀 130 · 📦 15K · 📋 200 - 22% open · ⏱️ 01.12.2023):
```
git clone https://github.com/rsuite/rsuite-table
```
- [npm](https://www.npmjs.com/package/rsuite-table) (📥 350K / month · 📦 29 · ⏱️ 01.12.2023):
```
npm install rsuite-table
```
jspreadsheet (🥉27 · ⭐ 6.6K) - Jspreadsheet is a lightweight vanilla javascript plugin to create.. MIT
- [GitHub](https://github.com/jspreadsheet/ce) (👨💻 78 · 🔀 810 · 📦 3 · 📋 1.5K - 9% open · ⏱️ 24.04.2024):
```
git clone https://github.com/jspreadsheet/ce
```
- [npm](https://www.npmjs.com/package/jexcel) (📥 14K / month · 📦 25 · ⏱️ 24.02.2021):
```
npm install jexcel
```
RevoGrid (🥉25 · ⭐ 2.7K) - Powerful virtual data grid smartsheet with advanced customization. Best.. MIT
- [GitHub](https://github.com/revolist/revogrid) (👨💻 24 · 🔀 170 · 📋 300 - 52% open · ⏱️ 16.04.2024):
```
git clone https://github.com/revolist/revogrid
```
- [npm](https://www.npmjs.com/package/@revolist/revogrid) (📥 44K / month · 📦 30 · ⏱️ 23.10.2023):
```
npm install @revolist/revogrid
```
datatable (🥉24 · ⭐ 980) - The Missing Javascript Datatable for the Web. MIT
- [GitHub](https://github.com/frappe/datatable) (👨💻 25 · 🔀 150 · 📦 3 · 📋 89 - 64% open · ⏱️ 17.04.2024):
```
git clone https://github.com/frappe/datatable
```
- [npm](https://www.npmjs.com/package/frappe-datatable) (📥 43K / month · 📦 11 · ⏱️ 17.04.2024):
```
npm install frappe-datatable
```
reactdatagrid (🥉23 · ⭐ 3.4K · 💤) - Empower Your Data with the best React Data Grid there is. MIT
- [GitHub](https://github.com/inovua/reactdatagrid) (👨💻 1 · 🔀 56 · 📦 750 · 📋 340 - 32% open · ⏱️ 31.07.2023):
```
git clone https://github.com/inovua/reactdatagrid
```
- [npm](https://www.npmjs.com/package/@inovua/reactdatagrid-community) (📥 41K / month · 📦 25 · ⏱️ 31.07.2023):
```
npm install @inovua/reactdatagrid-community
```
Show 18 hidden projects...
- react-virtualized (🥇39 · ⭐ 26K · 💀) - React components for efficiently rendering large lists.. MIT
- Handsontable (🥇39 · ⭐ 19K) - JavaScript data grid with a spreadsheet look & feel. Works with.. ❗️ICU
- MUI-Datatables (🥈32 · ⭐ 2.7K · 💀) - Datatables for React using Material-UI. MIT
- 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.4K · 💀) - Excel-like data grid (table) component for React. MIT
- react-bootstrap-table2 (🥉27 · ⭐ 1.3K · 💀) - Next Generation of react-bootstrap-table. MIT
- jqGrid (🥉26 · ⭐ 2.8K) - jQuery grid plugin. ❗Unlicensed
- jtable (🥉26 · ⭐ 1.1K · 💀) - A JQuery plugin to create AJAX based CRUD tables. MIT
- react-pivottable (🥉24 · ⭐ 970 · 💀) - 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 · ⭐ 88 · 💤) - A smart data table component for React meant to be.. MIT
- orb (🥉18 · ⭐ 560 · 💀) - Pivot table javascript library. MIT
- FancyGrid (🥉17 · ⭐ 200 · 💀) - FancyGrid - JavaScript grid library with charts.. ❗Unlicensed
- grid (🥉16 · ⭐ 540 · 💀) - jQuery grid plugin based on jQueryui widget design. ❗️GPL-3.0
- flat-ui (🥉16 · ⭐ 370 · 💀) - Welcome friends! **flat-ui** is a React component that will render.. MIT
- editablegrid (🥉13 · ⭐ 800) - EditableGrid is an open source Javascript library aimed at.. ❗Unlicensed
- editable-react-table (🥉9 · ⭐ 650) - React table built to resemble a database. MIT
## Input Components
_Input and form components._
react-hook-form (🥇44 · ⭐ 40K) - React Hooks for form state management and validation (Web +.. MIT
- [GitHub](https://github.com/react-hook-form/react-hook-form) (👨💻 310 · 🔀 2K · 📦 780K · 📋 4.4K - 0% open · ⏱️ 06.06.2024):
```
git clone https://github.com/react-hook-form/react-hook-form
```
- [npm](https://www.npmjs.com/package/react-hook-form) (📥 22M / month · 📦 5.7K · ⏱️ 21.05.2024):
```
npm install react-hook-form
```
react-datepicker (🥇43 · ⭐ 7.9K) - A simple and reusable datepicker component for React. MIT
- [GitHub](https://github.com/Hacker0x01/react-datepicker) (👨💻 460 · 🔀 2.2K · 📦 250K · 📋 2.2K - 14% open · ⏱️ 06.06.2024):
```
git clone https://github.com/Hacker0x01/react-datepicker
```
- [npm](https://www.npmjs.com/package/react-datepicker) (📥 9.5M / month · 📦 3.2K · ⏱️ 18.04.2024):
```
npm install react-datepicker
```
formik (🥇42 · ⭐ 34K) - Build forms in React, without the tears. Apache-2
- [GitHub](https://github.com/jaredpalmer/formik) (👨💻 450 · 🔀 2.8K · 📦 600K · 📋 2.4K - 34% open · ⏱️ 24.04.2024):
```
git clone https://github.com/jaredpalmer/formik
```
- [npm](https://www.npmjs.com/package/formik) (📥 11M / month · 📦 4.6K · ⏱️ 24.04.2024):
```
npm install formik
```
react-select (🥈41 · ⭐ 27K · 💤) - The Select Component for React.js. MIT
- [GitHub](https://github.com/JedWatson/react-select) (👨💻 510 · 🔀 4.1K · 📦 490K · 📋 3.6K - 11% open · ⏱️ 10.11.2023):
```
git clone https://github.com/JedWatson/react-select
```
- [npm](https://www.npmjs.com/package/react-select) (📥 21M / month · 📦 8K · ⏱️ 06.11.2023):
```
npm install react-select
```
react-jsonschema-form (🥈38 · ⭐ 14K) - A React component for building Web forms from JSON.. Apache-2
- [GitHub](https://github.com/rjsf-team/react-jsonschema-form) (👨💻 340 · 🔀 2.2K · 📦 6.1K · 📋 2.1K - 13% open · ⏱️ 24.05.2024):
```
git clone https://github.com/rjsf-team/react-jsonschema-form
```
- [npm](https://www.npmjs.com/package/@rjsf/antd) (📥 40K / month · 📦 33 · ⏱️ 17.05.2024):
```
npm install @rjsf/antd
```
downshift (🥈38 · ⭐ 12K) - A set of primitives to build simple, flexible, WAI-ARIA compliant React.. MIT
- [GitHub](https://github.com/downshift-js/downshift) (👨💻 210 · 🔀 930 · 📦 110K · 📋 830 - 5% open · ⏱️ 17.05.2024):
```
git clone https://github.com/downshift-js/downshift
```
- [npm](https://www.npmjs.com/package/downshift) (📥 7M / month · 📦 1.5K · ⏱️ 17.05.2024):
```
npm install downshift
```
cleave.js (🥈35 · ⭐ 18K · 💤) - Format input text content when you are typing... Apache-2
- [GitHub](https://github.com/nosir/cleave.js) (👨💻 79 · 🔀 1.6K · 📦 18K · 📋 550 - 40% open · ⏱️ 25.11.2023):
```
git clone https://github.com/nosir/cleave.js
```
- [npm](https://www.npmjs.com/package/cleave.js) (📥 1.1M / month · 📦 480 · ⏱️ 19.05.2020):
```
npm install cleave.js
```
survey-library (🥈34 · ⭐ 4K) - Free JavaScript form builder library with integration for React,.. MIT
- [GitHub](https://github.com/surveyjs/survey-library) (👨💻 160 · 🔀 780 · 📥 880 · 📦 10 · 📋 5.3K - 11% open · ⏱️ 06.06.2024):
```
git clone https://github.com/surveyjs/survey-library
```
- [npm](https://www.npmjs.com/package/survey-knockout) (📥 55K / month · 📦 25 · ⏱️ 28.05.2024):
```
npm install survey-knockout
```
react-date-picker (🥈34 · ⭐ 1.2K) - A date picker for your React app. MIT
- [GitHub](https://github.com/wojtekmaj/react-date-picker) (👨💻 23 · 🔀 190 · 📦 28K · 📋 360 - 6% open · ⏱️ 05.06.2024):
```
git clone https://github.com/wojtekmaj/react-date-picker
```
- [npm](https://www.npmjs.com/package/react-date-picker) (📥 960K / month · 📦 340 · ⏱️ 30.04.2024):
```
npm install react-date-picker
```
react-date-range (🥉33 · ⭐ 2.6K) - A React component for choosing dates and date ranges. MIT
- [GitHub](https://github.com/hypeserver/react-date-range) (👨💻 68 · 🔀 650 · 📦 37K · 📋 440 - 49% open · ⏱️ 22.04.2024):
```
git clone https://github.com/hypeserver/react-date-range
```
- [npm](https://www.npmjs.com/package/react-date-range) (📥 1.1M / month · 📦 420 · ⏱️ 22.04.2024):
```
npm install react-date-range
```
react-widgets (🥉31 · ⭐ 2.3K · 💤) - Polished, feature rich, accessible form inputs built with.. MIT
- [GitHub](https://github.com/jquense/react-widgets) (👨💻 110 · 🔀 400 · 📦 8.7K · 📋 900 - 5% open · ⏱️ 02.08.2023):
```
git clone https://github.com/jquense/react-widgets
```
- [npm](https://www.npmjs.com/package/react-widgets) (📥 190K / month · 📦 230 · ⏱️ 23.03.2022):
```
npm install react-widgets
```
react-timezone-select (🥉26 · ⭐ 200) - An extremely usable and dynamic React timezone selector. MIT
- [GitHub](https://github.com/ndom91/react-timezone-select) (👨💻 18 · 🔀 46 · 📦 2.6K · 📋 66 - 4% open · ⏱️ 16.05.2024):
```
git clone https://github.com/ndom91/react-timezone-select
```
- [npm](https://www.npmjs.com/package/react-timezone-select) (📥 190K / month · 📦 35 · ⏱️ 16.05.2024):
```
npm install react-timezone-select
```
Show 12 hidden projects...
- react-datetime (🥈34 · ⭐ 2K · 💀) - A lightweight but complete datetime picker react component. MIT
- react-dates (🥉31 · ⭐ 12K · 💀) - An easily internationalizable, mobile-friendly datepicker library.. MIT
- unform (🥉30 · ⭐ 4.5K · 💀) - Performance-focused API for React forms. MIT
- react-flatpickr (🥉26 · ⭐ 590 · 💀) - flatpickr for React. MIT
- formsy-material-ui (🥉24 · ⭐ 570 · 💀) - 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 (🥉21 · ⭐ 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-input-enhancements (🥉20 · ⭐ 1.4K · 💀) - Set of enhancements for input control. MIT
- react-yearly-calendar (🥉16 · ⭐ 550 · 💀) - React.js Yearly Calendar Component. MIT
- date-range-picker (🥉12 · ⭐ 100 · 💀) - Flexible React date range picker calendar with no.. MIT
## Internationalization & Localization
formatjs (🥇43 · ⭐ 14K) - The monorepo home to all of the FormatJS related libraries, most.. BSD-3
- [GitHub](https://github.com/formatjs/formatjs) (👨💻 320 · 🔀 1.3K · 📦 180K · 📋 1.9K - 1% open · ⏱️ 20.05.2024):
```
git clone https://github.com/formatjs/formatjs
```
- [npm](https://www.npmjs.com/package/react-intl) (📥 6.9M / month · 📦 5.2K · ⏱️ 19.05.2024):
```
npm install react-intl
```
react-i18next (🥈40 · ⭐ 9K) - Internationalization for react done right. Using the i18next i18n.. MIT
- [GitHub](https://github.com/i18next/react-i18next) (👨💻 190 · 🔀 1K · 📦 220K · 📋 1.2K - 1% open · ⏱️ 30.05.2024):
```
git clone https://github.com/i18next/react-i18next
```
- [npm](https://www.npmjs.com/package/react-i18next) (📥 15M / month · 📦 5.4K · ⏱️ 22.05.2024):
```
npm install react-i18next
```
js-lingui (🥉36 · ⭐ 4.3K) - A readable, automated, and optimized (3 kb) internationalization for.. MIT
- [GitHub](https://github.com/lingui/js-lingui) (👨💻 220 · 🔀 360 · 📦 5.3K · 📋 930 - 3% open · ⏱️ 30.05.2024):
```
git clone https://github.com/lingui/js-lingui
```
- [npm](https://www.npmjs.com/package/@lingui/macro) (📥 510K / month · 📦 240 · ⏱️ 30.05.2024):
```
npm install @lingui/macro
```
talkr (🥉18 · ⭐ 240) - Talkr is the lightest i18n provider for React applications. It supports.. ISC
- [GitHub](https://github.com/DoneDeal0/Talkr) (👨💻 6 · 🔀 10 · 📦 43 · ⏱️ 20.05.2024):
```
git clone https://github.com/DoneDeal0/Talkr
```
- [npm](https://www.npmjs.com/package/talkr) (📥 2.2K / month · 📦 1 · ⏱️ 23.02.2023):
```
npm install talkr
```
## State Management
redux (🥇48 · ⭐ 61K · 📉) - A JS library for predictable global state management. MIT
- [GitHub](https://github.com/reduxjs/redux) (👨💻 1K · 🔀 15K · 📦 4.1M · 📋 2K - 1% open · ⏱️ 04.06.2024):
```
git clone https://github.com/reduxjs/redux
```
- [npm](https://www.npmjs.com/package/redux) (📥 43M / month · 📦 32K · ⏱️ 23.12.2023):
```
npm install redux
```
react-redux (🥇47 · ⭐ 23K) - Official React bindings for Redux. MIT
- [GitHub](https://github.com/reduxjs/react-redux) (👨💻 300 · 🔀 3.4K · 📦 3.8M · 📋 1.3K - 2% open · ⏱️ 09.05.2024):
```
git clone https://github.com/reduxjs/react-redux
```
- [npm](https://www.npmjs.com/package/react-redux) (📥 33M / month · 📦 27K · ⏱️ 02.05.2024):
```
npm install react-redux
```
immer (🥇45 · ⭐ 27K) - Create the next immutable state by mutating the current one. MIT
- [GitHub](https://github.com/immerjs/immer) (👨💻 200 · 🔀 840 · 📦 9.8M · 📋 660 - 4% open · ⏱️ 27.04.2024):
```
git clone https://github.com/immerjs/immer
```
- [npm](https://www.npmjs.com/package/immer) (📥 47M / month · 📦 7.2K · ⏱️ 27.04.2024):
```
npm install immer
```
mobx (🥇43 · ⭐ 27K) - Simple, scalable state management. MIT
- [GitHub](https://github.com/mobxjs/mobx) (👨💻 350 · 🔀 1.8K · 📦 160K · 📋 2K - 3% open · ⏱️ 29.05.2024):
```
git clone https://github.com/mobxjs/mobx
```
- [npm](https://www.npmjs.com/package/mobx) (📥 6.2M / month · 📦 6.8K · ⏱️ 28.03.2024):
```
npm install mobx
```
xstate (🥇43 · ⭐ 26K) - Actor-based state management & orchestration for complex app logic. MIT
- [GitHub](https://github.com/statelyai/xstate) (👨💻 360 · 🔀 1.2K · 📦 260K · 📋 1.4K - 9% open · ⏱️ 01.06.2024):
```
git clone https://github.com/statelyai/xstate
```
- [npm](https://www.npmjs.com/package/xstate) (📥 7.1M / month · 📦 1.2K · ⏱️ 01.06.2024):
```
npm install xstate
```
zustand (🥈42 · ⭐ 44K) - Bear necessities for state management in React. MIT
- [GitHub](https://github.com/pmndrs/zustand) (👨💻 230 · 🔀 1.3K · 📦 390K · 📋 660 - 1% open · ⏱️ 06.06.2024):
```
git clone https://github.com/pmndrs/zustand
```
- [npm](https://www.npmjs.com/package/zustand) (📥 15M / month · 📦 3.2K · ⏱️ 22.05.2024):
```
npm install zustand
```
reselect (🥈42 · ⭐ 19K) - Selector library for Redux. MIT
- [GitHub](https://github.com/reduxjs/reselect) (👨💻 110 · 🔀 670 · 📦 2.6M · 📋 420 - 8% open · ⏱️ 01.06.2024):
```
git clone https://github.com/reduxjs/reselect
```
- [npm](https://www.npmjs.com/package/reselect) (📥 32M / month · 📦 4.8K · ⏱️ 01.06.2024):
```
npm install reselect
```
immutable-js (🥈40 · ⭐ 33K) - Immutable persistent data collections for Javascript which increase.. MIT
- [GitHub](https://github.com/immutable-js/immutable-js) (👨💻 230 · 🔀 1.8K · 📦 5 · 📋 1.3K - 9% open · ⏱️ 13.05.2024):
```
git clone https://github.com/immutable-js/immutable-js
```
- [npm](https://www.npmjs.com/package/immutable) (📥 77M / month · 📦 14K · ⏱️ 13.05.2024):
```
npm install immutable
```
rxdb (🥈39 · ⭐ 21K) - A fast, local first, reactive Database for JavaScript Applications.. Apache-2
- [GitHub](https://github.com/pubkey/rxdb) (👨💻 240 · 🔀 1K · 📦 1.7K · 📋 710 - 2% open · ⏱️ 06.06.2024):
```
git clone https://github.com/pubkey/rxdb
```
- [npm](https://www.npmjs.com/package/rxdb) (📥 66K / month · 📦 150 · ⏱️ 29.05.2024):
```
npm install rxdb
```
Recoil (🥈37 · ⭐ 19K · 💤) - Recoil is an experimental state management library for React apps. It.. MIT
- [GitHub](https://github.com/facebookexperimental/Recoil) (👨💻 120 · 🔀 1.2K · 📦 87K · 📋 1.1K - 29% open · ⏱️ 07.09.2023):
```
git clone https://github.com/facebookexperimental/Recoil
```
- [npm](https://www.npmjs.com/package/recoil) (📥 2.5M / month · 📦 870 · ⏱️ 01.03.2023):
```
npm install recoil
```
redux-toolkit (🥈36 · ⭐ 10K) - The official, opinionated, batteries-included toolset for.. MIT
- [GitHub](https://github.com/reduxjs/redux-toolkit) (👨💻 360 · 🔀 1.1K · 📦 19 · 📋 2.5K - 12% open · ⏱️ 04.06.2024):
```
git clone https://github.com/reduxjs/redux-toolkit
```
- [npm](https://www.npmjs.com/package/redux-toolkit) (📥 60K / month · 📦 24 · ⏱️ 21.10.2015):
```
npm install redux-toolkit
```
effector (🥉34 · ⭐ 4.5K) - Business logic with ease. MIT
- [GitHub](https://github.com/effector/effector) (👨💻 140 · 🔀 220 · 📦 5.3K · 📋 420 - 30% open · ⏱️ 29.05.2024):
```
git clone https://github.com/effector/effector
```
- [npm](https://www.npmjs.com/package/effector-react) (📥 140K / month · 📦 140 · ⏱️ 23.05.2024):
```
npm install effector-react
```
easy-peasy (🥉31 · ⭐ 5K · 💤) - Vegetarian friendly state for React. MIT
- [GitHub](https://github.com/ctrlplusb/easy-peasy) (👨💻 69 · 🔀 200 · 📦 6.3K · 📋 540 - 2% open · ⏱️ 19.10.2023):
```
git clone https://github.com/ctrlplusb/easy-peasy
```
- [npm](https://www.npmjs.com/package/easy-peasy) (📥 120K / month · 📦 80 · ⏱️ 13.10.2023):
```
npm install easy-peasy
```
kea (🥉28 · ⭐ 1.9K) - Batteries Included State Management for React. MIT
- [GitHub](https://github.com/keajs/kea) (👨💻 18 · 🔀 51 · 📦 940 · 📋 130 - 4% open · ⏱️ 24.01.2024):
```
git clone https://github.com/keajs/kea
```
- [npm](https://www.npmjs.com/package/kea) (📥 450K / month · 📦 50 · ⏱️ 19.12.2023):
```
npm install kea
```
hookstate (🥉27 · ⭐ 1.6K · 💤) - The simple but very powerful and incredibly fast state management.. MIT
- [GitHub](https://github.com/avkonst/hookstate) (👨💻 28 · 🔀 110 · 📦 3 · 📋 320 - 7% open · ⏱️ 20.11.2023):
```
git clone https://github.com/avkonst/hookstate
```
- [npm](https://www.npmjs.com/package/@hookstate/core) (📥 140K / month · 📦 76 · ⏱️ 31.03.2023):
```
npm install @hookstate/core
```
fluxible (🥉26 · ⭐ 1.8K) - A pluggable container for universal flux applications. BSD-3
- [GitHub](https://github.com/yahoo/fluxible) (👨💻 110 · 🔀 230 · 📦 640 · 📋 240 - 7% open · ⏱️ 06.05.2024):
```
git clone https://github.com/yahoo/fluxible
```
- [npm](https://www.npmjs.com/package/fluxible) (📥 5.4K / month · 📦 70 · ⏱️ 21.06.2021):
```
npm install fluxible
```
react-i13n (🥉23 · ⭐ 380) - A performant, scalable and pluggable approach to instrumenting your.. BSD-3
- [GitHub](https://github.com/yahoo/react-i13n) (👨💻 32 · 🔀 53 · 📦 60 · 📋 57 - 15% open · ⏱️ 29.04.2024):
```
git clone https://github.com/yahoo/react-i13n
```
- [npm](https://www.npmjs.com/package/react-i13n) (📥 6.8K / month · 📦 28 · ⏱️ 25.04.2023):
```
npm install react-i13n
```
ore-ui (🥉21 · ⭐ 380) - Building blocks to construct game UIs using web tech. MIT
- [GitHub](https://github.com/Mojang/ore-ui) (👨💻 19 · 🔀 18 · 📦 15 · 📋 23 - 30% open · ⏱️ 20.05.2024):
```
git clone https://github.com/Mojang/ore-ui
```
- [npm](https://www.npmjs.com/package/@react-facet/dom-fiber-testing-library) (📥 340K / month · 📦 12 · ⏱️ 20.05.2024):
```
npm install @react-facet/dom-fiber-testing-library
```
Show 13 hidden projects...
- localForage (🥈39 · ⭐ 24K · 💀) - Offline storage, improved. Wraps IndexedDB, WebSQL, or.. Apache-2
- history (🥈39 · ⭐ 8.3K · 💀) - Manage session history with JavaScript. MIT
- react-final-form (🥉32 · ⭐ 7.3K · 💀) - High performance subscription-based form state management.. MIT
- alt (🥉30 · ⭐ 3.5K · 💀) - Isomorphic flux implementation. MIT
- mobx-react (🥉28 · ⭐ 4.9K · 💀) - React bindings for MobX. MIT
- cerebral (🥉28 · ⭐ 2K · 💀) - Declarative state and side effects management for popular JavaScript.. MIT
- Unstated Next (🥉26 · ⭐ 4.2K · 💀) - 200 bytes to never think about React state management.. MIT
- reactn (🥉25 · ⭐ 1.9K · 💀) - React, but with built-in global state management. MIT
- fluxxor (🥉25 · ⭐ 1.7K · 💀) - Flux architecture tools for React. MIT
- redux-batched-actions (🥉22 · ⭐ 1K · 💀) - redux higher order reducer + action to reduce actions.. MIT
- baobab-react (🥉21 · ⭐ 310 · 💀) - React integration for Baobab. MIT
- teaful (🥉17 · ⭐ 710 · 💀) - Tiny, easy and powerful React state management. MIT
- resourcerer (🥉14 · ⭐ 80) - Declarative data-fetching and caching framework for REST APIs with.. MIT
## Routing
react-router (🥇48 · ⭐ 52K) - Declarative routing for React. MIT
- [GitHub](https://github.com/remix-run/react-router) (👨💻 970 · 🔀 10K · 📦 8.1M · 📋 7.4K - 1% open · ⏱️ 02.06.2024):
```
git clone https://github.com/remix-run/react-router
```
- [npm](https://www.npmjs.com/package/react-router-dom) (📥 42M / month · 📦 38K · ⏱️ 04.06.2024):
```
npm install react-router-dom
```
remix-run/react-router (🥇48 · ⭐ 52K) - Declarative routing for React. MIT
- [GitHub](https://github.com/remix-run/react-router) (👨💻 970 · 🔀 10K · 📦 8.1M · 📋 7.4K - 1% open · ⏱️ 02.06.2024):
```
git clone https://github.com/remix-run/react-router
```
- [npm](https://www.npmjs.com/package/react-router-dom) (📥 42M / month · 📦 38K · ⏱️ 04.06.2024):
```
npm install react-router-dom
```
wouter (🥈32 · ⭐ 6.3K) - A minimalist-friendly ~2.1KB routing for React and Preact. Unlicense
- [GitHub](https://github.com/molefrog/wouter) (👨💻 48 · 🔀 140 · 📦 8.4K · 📋 240 - 7% open · ⏱️ 04.06.2024):
```
git clone https://github.com/molefrog/wouter
```
- [npm](https://www.npmjs.com/package/wouter) (📥 160K / month · 📦 170 · ⏱️ 30.05.2024):
```
npm install wouter
```
universal-router (🥈28 · ⭐ 1.7K · 💤) - A simple middleware-style router for isomorphic.. MIT
- [GitHub](https://github.com/kriasoft/universal-router) (👨💻 22 · 🔀 110 · 📦 8.7K · 📋 100 - 33% open · ⏱️ 23.06.2023):
```
git clone https://github.com/kriasoft/universal-router
```
- [npm](https://www.npmjs.com/package/universal-router) (📥 96K / month · 📦 130 · ⏱️ 23.06.2023):
```
npm install universal-router
```
redux-first-history (🥉23 · ⭐ 440) - Redux history binding support react-router - @reach/router.. MIT
- [GitHub](https://github.com/salvoravida/redux-first-history) (👨💻 12 · 🔀 33 · 📦 1.1K · 📋 87 - 12% open · ⏱️ 14.12.2023):
```
git clone https://github.com/salvoravida/redux-first-history
```
- [npm](https://www.npmjs.com/package/redux-first-history) (📥 220K / month · 📦 26 · ⏱️ 14.12.2023):
```
npm install redux-first-history
```
Show 7 hidden projects...
- router (🥈33 · ⭐ 6.9K · 💀) - Next generation Routing for React. MIT
- redux-router (🥈28 · ⭐ 2.3K · 💀) - Redux bindings for React Router keep your router state inside.. MIT
- navi (🥉26 · ⭐ 2.1K · 💀) - Declarative, asynchronous routing for React. MIT
- react-router-scroll (🥉24 · ⭐ 840 · 💀) - React Router scroll management. MIT
- react-router-component (🥉22 · ⭐ 880 · 💀) - Declarative router component for React. MIT
- react-breadcrumbs (🥉22 · ⭐ 410 · 💀) - Automatic breadcrumbs for React-Router. ISC
- curi (🥉18 · ⭐ 270 · 💀) - A JavaScript router for single-page applications. MIT
## Animations
react-spring (🥇41 · ⭐ 28K) - A spring physics based React animation library. MIT
- [GitHub](https://github.com/pmndrs/react-spring) (👨💻 190 · 🔀 1.2K · 📦 160K · 📋 1.2K - 9% open · ⏱️ 26.05.2024):
```
git clone https://github.com/pmndrs/react-spring
```
- [npm](https://www.npmjs.com/package/react-spring) (📥 3.1M / month · 📦 2.5K · ⏱️ 26.09.2023):
```
npm install react-spring
```
motion (🥇41 · ⭐ 22K) - Open source, production-ready animation and gesture library for React. MIT
- [GitHub](https://github.com/framer/motion) (👨💻 190 · 🔀 740 · 📦 3 · 📋 1.6K - 13% open · ⏱️ 31.05.2024):
```
git clone https://github.com/framer/motion
```
- [npm](https://www.npmjs.com/package/framer-motion) (📥 16M / month · 📦 6.6K · ⏱️ 31.05.2024):
```
npm install framer-motion
```
tsparticles (🥈36 · ⭐ 7.2K) - tsParticles - Easily create highly customizable JavaScript particles.. MIT
- [GitHub](https://github.com/tsparticles/tsparticles) (👨💻 88 · 🔀 800 · 📥 510 · 📦 32K · 📋 410 - 2% open · ⏱️ 12.05.2024):
```
git clone https://github.com/matteobruni/tsparticles
```
- [npm](https://www.npmjs.com/package/tsparticles) (📥 200K / month · 📦 140 · ⏱️ 12.05.2024):
```
npm install tsparticles
```
react-parallax-tilt (🥉29 · ⭐ 930) - Easily apply tilt hover effect on React components -.. MIT
- [GitHub](https://github.com/mkosir/react-parallax-tilt) (👨💻 15 · 🔀 110 · 📦 25K · ⏱️ 25.05.2024):
```
git clone https://github.com/mkosir/react-parallax-tilt
```
- [npm](https://www.npmjs.com/package/react-parallax-tilt) (📥 120K / month · 📦 37 · ⏱️ 25.05.2024):
```
npm install react-parallax-tilt
```
Show 8 hidden projects...
- react-motion (🥈35 · ⭐ 22K · 💀) - A spring that solves your animation problems. MIT
- react-flip-move (🥈31 · ⭐ 4K · 💀) - Effortless animation between DOM changes (eg. list.. MIT
- React-Move (🥉29 · ⭐ 6.6K · 💀) - React Move | Beautiful, data-driven animations for React. MIT
- react-router-transition (🥉26 · ⭐ 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 · ⭐ 640 · 💀) - React particles animation background component. MIT
- gooey-react (🥉16 · ⭐ 640 · 💀) - The gooey effect for React, used for shape blobbing / metaballs.. MIT
- react-tweenful (🥉9 · ⭐ 86 · 💀) - Animation engine designed for React. MIT
## Data Visualization
_Data visualization, chart and diagram components._
three.js (🥇51 · ⭐ 100K · 📈) - JavaScript 3D Library. MIT
- [GitHub](https://github.com/mrdoob/three.js) (👨💻 2.3K · 🔀 35K · 📦 330K · 📋 12K - 3% open · ⏱️ 06.06.2024):
```
git clone https://github.com/mrdoob/three.js
```
- [npm](https://www.npmjs.com/package/three) (📥 5.5M / month · 📦 7.1K · ⏱️ 31.05.2024):
```
npm install three
```
Chart.js (🥇47 · ⭐ 64K) - Simple HTML5 Charts using the canvas tag. MIT
- [GitHub](https://github.com/chartjs/Chart.js) (👨💻 500 · 🔀 12K · 📥 13M · 📦 960K · 📋 7.1K - 5% open · ⏱️ 31.05.2024):
```
git clone https://github.com/chartjs/Chart.js
```
- [npm](https://www.npmjs.com/package/chart.js) (📥 14M / month · 📦 3.2K · ⏱️ 17.05.2024):
```
npm install chart.js
```
d3 (🥇46 · ⭐ 110K) - Bring data to life with SVG, Canvas and HTML. ISC
- [GitHub](https://github.com/d3/d3) (👨💻 150 · 🔀 23K · 📥 740K · 📦 370K · 📋 2.2K - 0% open · ⏱️ 03.06.2024):
```
git clone https://github.com/d3/d3
```
- [npm](https://www.npmjs.com/package/d3) (📥 13M / month · 📦 9.7K · ⏱️ 12.03.2024):
```
npm install d3
```
mermaid (🥇45 · ⭐ 68K) - Generation of diagrams like flowcharts or sequence diagrams from text in a.. MIT
- [GitHub](https://github.com/mermaid-js/mermaid) (👨💻 630 · 🔀 5.9K · 📦 48K · 📋 2.9K - 33% open · ⏱️ 24.05.2024):
```
git clone https://github.com/mermaid-js/mermaid
```
- [npm](https://www.npmjs.com/package/mermaid) (📥 2.8M / month · 📦 1K · ⏱️ 14.05.2024):
```
npm install mermaid
```
Recharts (🥇45 · ⭐ 23K) - Redefined chart library built with React and D3. MIT
- [GitHub](https://github.com/recharts/recharts) (👨💻 330 · 🔀 1.7K · 📦 240K · 📋 3K - 17% open · ⏱️ 05.06.2024):
```
git clone https://github.com/recharts/recharts
```
- [npm](https://www.npmjs.com/package/recharts) (📥 7.1M / month · 📦 1.8K · ⏱️ 02.06.2024):
```
npm install recharts
```
echarts (🥈40 · ⭐ 59K) - Apache ECharts is a powerful, interactive charting and data.. Apache-2
- [GitHub](https://github.com/apache/echarts) (👨💻 270 · 🔀 20K · 📦 270K · 📋 18K - 12% open · ⏱️ 21.05.2024):
```
git clone https://github.com/apache/echarts
```
- [npm](https://www.npmjs.com/package/@mempool/echarts) (📥 12 / month · 📦 5 · ⏱️ 23.10.2021):
```
npm install @mempool/echarts
```
Victory (🥈40 · ⭐ 11K) - A collection of composable React components for building interactive data.. MIT
- [GitHub](https://github.com/FormidableLabs/victory) (👨💻 320 · 🔀 520 · 📦 24K · 📋 1.9K - 5% open · ⏱️ 29.05.2024):
```
git clone https://github.com/FormidableLabs/victory
```
- [npm](https://www.npmjs.com/package/victory) (📥 990K / month · 📦 350 · ⏱️ 16.05.2024):
```
npm install victory
```
react-three-fiber (🥈39 · ⭐ 26K) - A React renderer for Three.js. MIT
- [GitHub](https://github.com/pmndrs/react-three-fiber) (👨💻 200 · 🔀 1.5K · 📦 26K · 📋 990 - 5% open · ⏱️ 04.06.2024):
```
git clone https://github.com/pmndrs/react-three-fiber
```
- [npm](https://www.npmjs.com/package/react-three-fiber) (📥 220K / month · 📦 180 · ⏱️ 11.04.2021):
```
npm install react-three-fiber
```
apexcharts.js (🥈39 · ⭐ 14K) - Interactive JavaScript Charts built on SVG. MIT
- [GitHub](https://github.com/apexcharts/apexcharts.js) (👨💻 200 · 🔀 1.3K · 📦 4 · 📋 3.3K - 9% open · ⏱️ 01.06.2024):
```
git clone https://github.com/apexcharts/apexcharts.js
```
- [npm](https://www.npmjs.com/package/apexcharts) (📥 3.4M / month · 📦 830 · ⏱️ 12.05.2024):
```
npm install apexcharts
```
nivo (🥈38 · ⭐ 13K) - nivo provides a rich set of dataviz components, built on top of the awesome d3.. MIT
- [GitHub](https://github.com/plouc/nivo) (👨💻 210 · 🔀 1K · 📦 1.9K · 📋 1.7K - 6% open · ⏱️ 12.05.2024):
```
git clone https://github.com/plouc/nivo
```
- [npm](https://www.npmjs.com/package/@nivo/core) (📥 1.7M / month · 📦 260 · ⏱️ 12.05.2024):
```
npm install @nivo/core
```
visx (🥈36 · ⭐ 19K) - visx | visualization components. MIT
- [GitHub](https://github.com/airbnb/visx) (👨💻 170 · 🔀 690 · 📦 2.5K · 📋 790 - 15% open · ⏱️ 29.05.2024):
```
git clone https://github.com/airbnb/visx
```
- [npm](https://www.npmjs.com/package/@visx/group) (📥 2.7M / month · 📦 150 · ⏱️ 11.07.2023):
```
npm install @visx/group
```
React Chartjs 2 (🥈36 · ⭐ 6.4K · 💤) - React components for Chart.js, the most popular charting.. MIT
- [GitHub](https://github.com/reactchartjs/react-chartjs-2) (👨💻 78 · 🔀 2.3K · 📦 340K · 📋 770 - 12% open · ⏱️ 30.10.2023):
```
git clone https://github.com/reactchartjs/react-chartjs-2
```
- [npm](https://www.npmjs.com/package/react-chartjs-2) (📥 5.3M / month · 📦 1.3K · ⏱️ 09.01.2023):
```
npm install react-chartjs-2
```
ant-design-charts (🥈35 · ⭐ 1.8K) - A React Chart Library. MIT
- [GitHub](https://github.com/ant-design/ant-design-charts) (👨💻 66 · 🔀 350 · 📦 10K · 📋 1.8K - 11% open · ⏱️ 06.05.2024):
```
git clone https://github.com/ant-design/ant-design-charts
```
- [npm](https://www.npmjs.com/package/@ant-design/charts) (📥 220K / month · 📦 180 · ⏱️ 06.05.2024):
```
npm install @ant-design/charts
```
react-vis (🥈33 · ⭐ 8.7K · 💤) - Data Visualization Components. MIT
- [GitHub](https://github.com/uber/react-vis) (👨💻 130 · 🔀 830 · 📦 13K · 📋 860 - 40% open · ⏱️ 08.06.2023):
```
git clone https://github.com/uber/react-vis
```
- [npm](https://www.npmjs.com/package/react-vis) (📥 270K / month · 📦 190 · ⏱️ 08.06.2023):
```
npm install react-vis
```
react-google-charts (🥈33 · ⭐ 1.6K · 💤) - A thin, typed, React wrapper over Google Charts.. MIT
- [GitHub](https://github.com/rakannimer/react-google-charts) (👨💻 52 · 🔀 340 · 📦 29K · 📋 380 - 37% open · ⏱️ 20.07.2023):
```
git clone https://github.com/RakanNimer/react-google-charts
```
- [npm](https://www.npmjs.com/package/react-google-charts) (📥 510K / month · 📦 180 · ⏱️ 20.07.2023):
```
npm install react-google-charts
```
echarts-for-react (🥉32 · ⭐ 4.4K) - Apache ECharts components for React wrapper. Apache echarts.. MIT
- [GitHub](https://github.com/hustcc/echarts-for-react) (👨💻 31 · 🔀 620 · 📦 24K · 📋 500 - 10% open · ⏱️ 17.02.2024):
```
git clone https://github.com/hustcc/echarts-for-react
```
- [npm](https://www.npmjs.com/package/echarts-for-react) (📥 1.2M / month · 📦 740 · ⏱️ 29.10.2021):
```
npm install echarts-for-react
```
React ApexCharts (🥉32 · ⭐ 1.3K) - React Component for ApexCharts. MIT
- [GitHub](https://github.com/apexcharts/react-apexcharts) (👨💻 26 · 🔀 150 · 📦 110K · 📋 470 - 61% open · ⏱️ 22.05.2024):
```
git clone https://github.com/apexcharts/react-apexcharts
```
- [npm](https://www.npmjs.com/package/react-apexcharts) (📥 1.7M / month · 📦 420 · ⏱️ 13.07.2023):
```
npm install react-apexcharts
```
carbon-charts (🥉32 · ⭐ 870) - Robust dataviz framework implemented using D3 & typescript. Apache-2
- [GitHub](https://github.com/carbon-design-system/carbon-charts) (👨💻 77 · 🔀 180 · 📦 1.1K · 📋 880 - 21% open · ⏱️ 03.06.2024):
```
git clone https://github.com/carbon-design-system/carbon-charts
```
- [npm](https://www.npmjs.com/package/@carbon/charts) (📥 170K / month · 📦 33 · ⏱️ 03.06.2024):
```
npm install @carbon/charts
```
BizCharts (🥉30 · ⭐ 6.1K · 💤) - Powerful data visualization library based on G2 and React. MIT
- [GitHub](https://github.com/alibaba/BizCharts) (👨💻 80 · 🔀 680 · 📦 15K · 📋 1.4K - 25% open · ⏱️ 13.10.2023):
```
git clone https://github.com/alibaba/BizCharts
```
- [npm](https://www.npmjs.com/package/bizcharts) (📥 100K / month · 📦 790 · ⏱️ 13.10.2023):
```
npm install bizcharts
```
charts (🥉29 · ⭐ 15K · 💤) - Simple, responsive, modern SVG Charts with zero dependencies. MIT
- [GitHub](https://github.com/frappe/charts) (👨💻 55 · 🔀 720 · 📦 6 · 📋 300 - 48% open · ⏱️ 27.09.2023):
```
git clone https://github.com/frappe/charts
```
- [npm](https://www.npmjs.com/package/frappe-charts) (📥 50K / month · 📦 56 · ⏱️ 14.11.2022):
```
npm install frappe-charts
```
react-diagrams (🥉29 · ⭐ 8.4K) - a super simple, no-nonsense diagramming library written in react.. MIT
- [GitHub](https://github.com/projectstorm/react-diagrams) (👨💻 95 · 🔀 1.2K · 📦 3 · 📋 810 - 38% open · ⏱️ 19.02.2024):
```
git clone https://github.com/projectstorm/react-diagrams
```
- [npm](https://www.npmjs.com/package/@projectstorm/react-diagrams) (📥 110K / month · 📦 41 · ⏱️ 15.02.2024):
```
npm install @projectstorm/react-diagrams
```
cal-heatmap (🥉29 · ⭐ 2.6K · 📉) - Cal-Heatmap is a javascript charting library to create a time-.. MIT
- [GitHub](https://github.com/wa0x6e/cal-heatmap) (👨💻 27 · 🔀 280 · 📦 480 · 📋 320 - 12% open · ⏱️ 03.03.2024):
```
git clone https://github.com/wa0x6e/cal-heatmap
```
- [npm](https://www.npmjs.com/package/cal-heatmap) (📥 25K / month · 📦 8 · ⏱️ 03.03.2024):
```
npm install cal-heatmap
```
Semiotic (🥉29 · ⭐ 2.4K) - A data visualization framework combining React & D3. Apache-2
- [GitHub](https://github.com/nteract/semiotic) (👨💻 31 · 🔀 130 · 📦 420 · 📋 460 - 8% open · ⏱️ 09.04.2024):
```
git clone https://github.com/nteract/semiotic
```
- [npm](https://www.npmjs.com/package/semiotic) (📥 5.9K / month · 📦 18 · ⏱️ 10.04.2024):
```
npm install semiotic
```
Reaviz (🥉28 · ⭐ 930) - Data visualization library for React. Maintained by @goodcodeus. Apache-2
- [GitHub](https://github.com/reaviz/reaviz) (👨💻 27 · 🔀 110 · 📦 490 · 📋 67 - 41% open · ⏱️ 05.06.2024):
```
git clone https://github.com/reaviz/reaviz
```
- [npm](https://www.npmjs.com/package/reaviz) (📥 24K / month · 📦 9 · ⏱️ 05.06.2024):
```
npm install reaviz
```
Drawflow (🥉27 · ⭐ 4.3K) - Simple flow library. MIT
- [GitHub](https://github.com/jerosoler/Drawflow) (👨💻 13 · 🔀 680 · 📦 420 · 📋 820 - 25% open · ⏱️ 08.03.2024):
```
git clone https://github.com/jerosoler/Drawflow
```
- [npm](https://www.npmjs.com/package/drawflow) (📥 44K / month · 📦 5 · ⏱️ 30.06.2022):
```
npm install drawflow
```
Show 12 hidden projects...
- elastic-charts (🥉32 · ⭐ 360) - 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
- Viser (🥉27 · ⭐ 1.6K · 💀) - viser is a toolkit fit for data vis engineer. https://viserjs.gitee.io/. MIT
- react-timeseries-charts (🥉26 · ⭐ 850 · 💀) - Declarative and modular timeseries charting.. ❗️BSD-3-Clause-LBNL
- ej2-react-ui-components (🥉26 · ⭐ 330) - Syncfusion React UI components library offer more.. ❗️ICU
- GGEditor (🥉25 · ⭐ 3.4K · 💀) - A visual graph editor based on G6 and React. MIT
- react-chartist (🥉24 · ⭐ 530 · 💀) - React component for Chartist.js. MIT
- rumble-charts (🥉21 · ⭐ 350 · 💀) - React components for building composable and flexible charts. MIT
- react-sigma (🥉21 · ⭐ 260 · 💀) - Lightweight React library for drawing network graphs built on top.. MIT
- chartify (🥉17 · ⭐ 690 · 💀) - React.js plugin for building charts using CSS. MIT
- react-charty (🥉12 · ⭐ 71 · 💀) - Data Visualization Component. MIT
## Data Fetching
apollo-client (🥇45 · ⭐ 19K) - A fully-featured, production ready caching GraphQL client for.. MIT
- [GitHub](https://github.com/apollographql/apollo-client) (👨💻 880 · 🔀 2.6K · 📦 180K · 📋 5.1K - 10% open · ⏱️ 03.06.2024):
```
git clone https://github.com/apollographql/apollo-client
```
- [npm](https://www.npmjs.com/package/apollo-utilities) (📥 5.9M / month · 📦 710 · ⏱️ 09.05.2020):
```
npm install apollo-utilities
```
react-query (🥈43 · ⭐ 40K) - Powerful asynchronous state management, server-state utilities and.. MIT
- [GitHub](https://github.com/TanStack/query) (👨💻 760 · 🔀 2.7K · 📦 2K · 📋 1.8K - 2% open · ⏱️ 04.06.2024):
```
git clone https://github.com/tannerlinsley/react-query
```
- [npm](https://www.npmjs.com/package/react-query) (📥 6M / month · 📦 2.1K · ⏱️ 25.01.2023):
```
npm install react-query
```
swr (🥈41 · ⭐ 30K) - React Hooks for Data Fetching. MIT
- [GitHub](https://github.com/vercel/swr) (👨💻 180 · 🔀 1.2K · 📦 280K · 📋 910 - 13% open · ⏱️ 31.05.2024):
```
git clone https://github.com/vercel/swr
```
- [npm](https://www.npmjs.com/package/swr) (📥 9.3M / month · 📦 1.9K · ⏱️ 01.06.2024):
```
npm install swr
```
relay (🥉35 · ⭐ 18K) - Relay is a JavaScript framework for building data-driven React applications. MIT
- [GitHub](https://github.com/facebook/relay) (👨💻 880 · 🔀 1.8K · 📦 3 · 📋 2.4K - 28% open · ⏱️ 06.06.2024):
```
git clone https://github.com/facebook/relay
```
- [npm](https://www.npmjs.com/package/relay) (📥 940 / month · 📦 7 · ⏱️ 14.04.2013):
```
npm install relay
```
unstorage (🥉35 · ⭐ 1.6K) - Unstorage provides an async Key-Value storage API with conventional.. MIT
- [GitHub](https://github.com/unjs/unstorage) (👨💻 55 · 🔀 120 · 📦 170K · 📋 170 - 44% open · ⏱️ 30.05.2024):
```
git clone https://github.com/unjs/unstorage
```
- [npm](https://www.npmjs.com/package/unstorage) (📥 3.5M / month · 📦 240 · ⏱️ 14.03.2024):
```
npm install unstorage
```
react-refetch (🥉26 · ⭐ 3.4K) - A simple, declarative, and composable way to fetch data for React.. MIT
- [GitHub](https://github.com/heroku/react-refetch) (👨💻 74 · 🔀 140 · 📦 890 · 📋 150 - 32% open · ⏱️ 21.05.2024):
```
git clone https://github.com/heroku/react-refetch
```
- [npm](https://www.npmjs.com/package/react-refetch) (📥 31K / month · 📦 38 · ⏱️ 20.01.2020):
```
npm install react-refetch
```
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 · ⭐ 12K) - React notification made easy !. MIT
- [GitHub](https://github.com/fkhadra/react-toastify) (👨💻 95 · 🔀 670 · 📦 770K · 📋 800 - 14% open · ⏱️ 15.05.2024):
```
git clone https://github.com/fkhadra/react-toastify
```
- [npm](https://www.npmjs.com/package/react-toastify) (📥 8.2M / month · 📦 3.1K · ⏱️ 15.03.2024):
```
npm install react-toastify
```
React Hot Toast (🥈35 · ⭐ 9.3K) - Smoking Hot React Notifications. MIT
- [GitHub](https://github.com/timolins/react-hot-toast) (👨💻 26 · 🔀 310 · 📦 290K · 📋 260 - 52% open · ⏱️ 22.01.2024):
```
git clone https://github.com/timolins/react-hot-toast
```
- [npm](https://www.npmjs.com/package/react-hot-toast) (📥 3.7M / month · 📦 1K · ⏱️ 28.04.2023):
```
npm install react-hot-toast
```
Notistack (🥈32 · ⭐ 3.8K · 💤) - Highly customizable notification snackbars (toasts) that can.. MIT
- [GitHub](https://github.com/iamhosseindhv/notistack) (👨💻 49 · 🔀 290 · 📦 57K · 📋 430 - 10% open · ⏱️ 23.10.2023):
```
git clone https://github.com/iamhosseindhv/notistack
```
- [npm](https://www.npmjs.com/package/notistack) (📥 3.2M / month · 📦 960 · ⏱️ 08.03.2023):
```
npm install notistack
```
reapop (🥉24 · ⭐ 1.5K) - A simple and customizable React notifications system. MIT
- [GitHub](https://github.com/LouisBarranqueiro/reapop) (👨💻 19 · 🔀 80 · 📦 630 · 📋 97 - 2% open · ⏱️ 11.03.2024):
```
git clone https://github.com/LouisBarranqueiro/reapop
```
- [npm](https://www.npmjs.com/package/reapop) (📥 15K / month · 📦 20 · ⏱️ 27.08.2023):
```
npm install reapop
```
Show 5 hidden projects...
- react-toast-notifications (🥈26 · ⭐ 2.2K · 💀) - A toast notification system for react. MIT
- react-notifications-component (🥈26 · ⭐ 1.3K · 💀) - Delightful and highly customisable React Component to.. MIT
- cogo-toast (🥉20 · ⭐ 670 · 💀) - Beautiful, Zero Configuration, Toast Messages for React. Only ~.. MIT
- react-toast (🥉17 · ⭐ 72 · 💀) - Minimal toast notifications for React. MIT
- simple-react-notifications (🥉14 · ⭐ 60 · 💀) - Tiny React.js notification library (1kb gzip). MIT
## File Handling
_File upload, download, and viewer components._
uppy (🥇41 · ⭐ 28K) - The next open source file uploader for web browsers. MIT
- [GitHub](https://github.com/transloadit/uppy) (👨💻 430 · 🔀 2K · 📦 24K · 📋 2.3K - 7% open · ⏱️ 04.06.2024):
```
git clone https://github.com/transloadit/uppy
```
- [npm](https://www.npmjs.com/package/uppy) (📥 130K / month · 📦 59 · ⏱️ 04.06.2024):
```
npm install uppy
```
SheetJS (🥈40 · ⭐ 35K) - SheetJS Spreadsheet Data Toolkit -- New home.. Apache-2
- [GitHub](https://github.com/SheetJS/sheetjs) (👨💻 200 · 🔀 8K · 📦 200K · 📋 2.4K - 5% open · ⏱️ 01.02.2024):
```
git clone https://github.com/SheetJS/sheetjs
```
- [npm](https://www.npmjs.com/package/xlsx) (📥 9.2M / month · 📦 6.3K · ⏱️ 24.03.2022):
```
npm install xlsx
```
react-json-view (🥈32 · ⭐ 3.4K · 💤) - JSON viewer for react. MIT
- [GitHub](https://github.com/mac-s-g/react-json-view) (👨💻 33 · 🔀 520 · 📦 100K · 📋 270 - 65% open · ⏱️ 30.06.2023):
```
git clone https://github.com/mac-s-g/react-json-view
```
- [npm](https://www.npmjs.com/package/react-json-view) (📥 2.4M / month · 📦 1.5K · ⏱️ 09.03.2021):
```
npm install react-json-view
```
react-uploady (🥉25 · ⭐ 1.1K) - Modern file uploading - components & hooks for React. MIT
- [GitHub](https://github.com/rpldy/react-uploady) (👨💻 10 · 🔀 36 · 📦 760 · 📋 130 - 0% open · ⏱️ 02.06.2024):
```
git clone https://github.com/rpldy/react-uploady
```
- [npm](https://www.npmjs.com/package/@rpldy/uploady) (📥 47K / month · 📦 25 · ⏱️ 16.05.2024):
```
npm install @rpldy/uploady
```
react-file-viewer (🥉24 · ⭐ 510) - Extendable file viewer for web. MIT
- [GitHub](https://github.com/plangrid/react-file-viewer) (👨💻 15 · 🔀 330 · 📦 2.5K · 📋 170 - 91% open · ⏱️ 30.01.2024):
```
git clone https://github.com/plangrid/react-file-viewer
```
- [npm](https://www.npmjs.com/package/react-file-viewer) (📥 86K / month · 📦 64 · ⏱️ 13.11.2019):
```
npm install react-file-viewer
```
Show 5 hidden projects...
- React Dropzone (🥈36 · ⭐ 10K · 💀) - Simple HTML5 drag-drop zone with React.js. MIT
- react-csv (🥉31 · ⭐ 1.1K · 💀) - React components to build CSV files on the fly basing on.. MIT
- material-ui-dropzone (🥉27 · ⭐ 480 · 💀) - A Material-UI file upload dropzone. MIT
- React FilePond (🥉26 · ⭐ 1.8K · 💀) - A handy FilePond adapter component for React. MIT
- React-Data-Export (🥉23 · ⭐ 180 · 💀) - Export dataset in react. MIT
## Editor Components
_Editor components for code, text, images and more._
Slate (🥇41 · ⭐ 29K) - A completely customizable framework for building rich text editors... MIT
- [GitHub](https://github.com/ianstormtaylor/slate) (👨💻 570 · 🔀 3.2K · 📦 200K · 📋 3.1K - 20% open · ⏱️ 04.06.2024):
```
git clone https://github.com/ianstormtaylor/slate
```
- [npm](https://www.npmjs.com/package/slate) (📥 3.2M / month · 📦 1.7K · ⏱️ 21.04.2024):
```
npm install slate
```
React Ace (🥇36 · ⭐ 4K) - React Ace Component. MIT
- [GitHub](https://github.com/securingsincity/react-ace) (👨💻 120 · 🔀 600 · 📥 1.2K · 📦 30K · 📋 510 - 40% open · ⏱️ 24.03.2024):
```
git clone https://github.com/securingsincity/react-ace
```
- [npm](https://www.npmjs.com/package/react-ace) (📥 2M / month · 📦 1.3K · ⏱️ 24.03.2024):
```
npm install react-ace
```
tiptap (🥇35 · ⭐ 24K) - The headless rich text editor framework for web artisans. MIT
- [GitHub](https://github.com/ueberdosis/tiptap) (👨💻 320 · 🔀 2K · 📦 4.8K · 📋 2.7K - 20% open · ⏱️ 04.06.2024):
```
git clone https://github.com/ueberdosis/tiptap
```
- [npm](https://www.npmjs.com/package/magic-tiptap-extensions) (📥 6 / month · 📦 5 · ⏱️ 31.03.2021):
```
npm install magic-tiptap-extensions
```
jodit (🥇35 · ⭐ 1.6K) - Jodit - Best WYSIWYG Editor for You. MIT
- [GitHub](https://github.com/xdan/jodit) (👨💻 90 · 🔀 340 · 📦 8K · 📋 920 - 28% open · ⏱️ 02.06.2024):
```
git clone https://github.com/xdan/jodit
```
- [npm](https://www.npmjs.com/package/jodit) (📥 280K / month · 📦 100 · ⏱️ 02.06.2024):
```
npm install jodit
```
editor.js (🥈34 · ⭐ 27K) - A block-style editor with clean JSON output. Apache-2
- [GitHub](https://github.com/codex-team/editor.js) (👨💻 54 · 🔀 2K · 📥 13K · 📋 1.5K - 41% open · ⏱️ 23.05.2024):
```
git clone https://github.com/codex-team/editor.js
```
- [npm](https://www.npmjs.com/package/@editorjs/editorjs) (📥 320K / month · 📦 460 · ⏱️ 23.05.2024):
```
npm install @editorjs/editorjs
```
react-draft-wysiwyg (🥈34 · ⭐ 6.4K · 💤) - A Wysiwyg editor build on top of ReactJS and DraftJS... MIT
- [GitHub](https://github.com/jpuri/react-draft-wysiwyg) (👨💻 84 · 🔀 1.1K · 📦 42K · 📋 1.1K - 65% open · ⏱️ 12.06.2023):
```
git clone https://github.com/jpuri/react-draft-wysiwyg
```
- [npm](https://www.npmjs.com/package/react-draft-wysiwyg) (📥 1.1M / month · 📦 730 · ⏱️ 17.07.2022):
```
npm install react-draft-wysiwyg
```
react-image-crop (🥈33 · ⭐ 3.8K) - A responsive image cropping tool for React. ISC
- [GitHub](https://github.com/sekoyo/react-image-crop) (👨💻 73 · 🔀 340 · 📦 26K · 📋 440 - 12% open · ⏱️ 04.05.2024):
```
git clone https://github.com/DominicTobias/react-image-crop
```
- [npm](https://www.npmjs.com/package/react-image-crop) (📥 1.7M / month · 📦 420 · ⏱️ 15.01.2024):
```
npm install react-image-crop
```
react-monaco-editor (🥈33 · ⭐ 3.7K) - Monaco Editor for React. MIT
- [GitHub](https://github.com/react-monaco-editor/react-monaco-editor) (👨💻 78 · 🔀 370 · 📦 15K · 📋 350 - 19% open · ⏱️ 01.06.2024):
```
git clone https://github.com/react-monaco-editor/react-monaco-editor
```
- [npm](https://www.npmjs.com/package/react-monaco-editor) (📥 970K / month · 📦 620 · ⏱️ 09.12.2023):
```
npm install react-monaco-editor
```
react-codemirror (🥈33 · ⭐ 1.5K) - CodeMirror 6 component for React. @codemirror.. MIT
- [GitHub](https://github.com/uiwjs/react-codemirror) (👨💻 43 · 🔀 120 · 📦 66K · 📋 330 - 37% open · ⏱️ 16.05.2024):
```
git clone https://github.com/uiwjs/react-codemirror
```
- [npm](https://www.npmjs.com/package/@uiw/react-codemirror) (📥 2.3M / month · 📦 330 · ⏱️ 16.05.2024):
```
npm install @uiw/react-codemirror
```
react-md-editor (🥈30 · ⭐ 2K) - A simple markdown editor with preview, implemented with React.js.. MIT
- [GitHub](https://github.com/uiwjs/react-md-editor) (👨💻 28 · 🔀 150 · 📦 9.2K · 📋 360 - 40% open · ⏱️ 28.03.2024):
```
git clone https://github.com/uiwjs/react-md-editor
```
- [npm](https://www.npmjs.com/package/@uiw/react-md-editor) (📥 390K / month · 📦 590 · ⏱️ 12.03.2024):
```
npm install @uiw/react-md-editor
```
React Email Editor (🥈29 · ⭐ 4.4K) - Drag-n-Drop Email Editor Component for React.js. MIT
- [GitHub](https://github.com/unlayer/react-email-editor) (👨💻 12 · 🔀 710 · 📦 1.4K · 📋 330 - 59% open · ⏱️ 09.05.2024):
```
git clone https://github.com/unlayer/react-email-editor
```
- [npm](https://www.npmjs.com/package/react-email-editor) (📥 230K / month · 📦 38 · ⏱️ 08.05.2024):
```
npm install react-email-editor
```
Monaco React (🥈29 · ⭐ 3.5K) - Monaco Editor for React - use the monaco-editor in any React.. MIT
- [GitHub](https://github.com/suren-atoyan/monaco-react) (👨💻 41 · 🔀 250 · 📦 5 · 📋 470 - 28% open · ⏱️ 02.05.2024):
```
git clone https://github.com/suren-atoyan/monaco-react
```
- [npm](https://www.npmjs.com/package/@monaco-editor/react) (📥 2.8M / month · 📦 1.4K · ⏱️ 06.10.2023):
```
npm install @monaco-editor/react
```
react-digraph (🥈29 · ⭐ 2.6K · 💤) - A library for creating directed graph editors. MIT
- [GitHub](https://github.com/uber/react-digraph) (👨💻 49 · 🔀 270 · 📦 340 · 📋 190 - 46% open · ⏱️ 05.09.2023):
```
git clone https://github.com/uber/react-digraph
```
- [npm](https://www.npmjs.com/package/react-digraph) (📥 160K / month · 📦 15 · ⏱️ 05.09.2023):
```
npm install react-digraph
```
easy-markdown-editor (🥈29 · ⭐ 2.3K) - EasyMDE: A simple, beautiful, and embeddable JavaScript.. MIT
- [GitHub](https://github.com/Ionaru/easy-markdown-editor) (👨💻 110 · 🔀 300 · 📦 3 · 📋 420 - 56% open · ⏱️ 21.12.2023):
```
git clone https://github.com/Ionaru/easy-markdown-editor
```
- [npm](https://www.npmjs.com/package/easymde) (📥 290K / month · 📦 87 · ⏱️ 21.12.2023):
```
npm install easymde
```
prosemirror (🥉28 · ⭐ 7.4K) - The ProseMirror WYSIWYM editor. MIT
- [GitHub](https://github.com/ProseMirror/prosemirror) (👨💻 36 · 🔀 320 · 📦 220 · 📋 1.3K - 9% open · ⏱️ 25.05.2024):
```
git clone https://github.com/ProseMirror/prosemirror
```
- [npm](https://www.npmjs.com/package/prosemirror) (📥 12K / month · 📦 46 · ⏱️ 28.09.2017):
```
npm install prosemirror
```
remirror (🥉28 · ⭐ 2.6K) - ProseMirror toolkit for React. MIT
- [GitHub](https://github.com/remirror/remirror) (👨💻 79 · 🔀 230 · 📦 620 · 📋 670 - 27% open · ⏱️ 08.04.2024):
```
git clone https://github.com/remirror/remirror
```
- [npm](https://www.npmjs.com/package/create-context-state) (📥 140K / month · 📦 20 · ⏱️ 12.12.2023):
```
npm install create-context-state
```
megadraft (🥉27 · ⭐ 1.2K · 💤) - Megadraft is a Rich Text editor built on top of Facebooks Draft.JS.. MIT
- [GitHub](https://github.com/globocom/megadraft) (👨💻 96 · 🔀 210 · 📦 300 · 📋 180 - 14% open · ⏱️ 31.10.2023):
```
git clone https://github.com/globocom/megadraft
```
- [npm](https://www.npmjs.com/package/megadraft) (📥 10K / month · 📦 54 · ⏱️ 04.01.2023):
```
npm install megadraft
```
Monaco Yaml (🥉27 · ⭐ 240) - YAML plugin for the Monaco Editor. MIT
- [GitHub](https://github.com/remcohaszing/monaco-yaml) (👨💻 26 · 🔀 66 · 📦 730 · 📋 120 - 2% open · ⏱️ 10.05.2024):
```
git clone https://github.com/remcohaszing/monaco-yaml
```
- [npm](https://www.npmjs.com/package/monaco-yaml) (📥 910K / month · 📦 74 · ⏱️ 19.01.2024):
```
npm install monaco-yaml
```
alloy-editor (🥉26 · ⭐ 1.4K · 💤) - WYSIWYG editor based on CKEditor with completely.. ❗️LGPL-3.0
- [GitHub](https://github.com/liferay/alloy-editor) (👨💻 59 · 🔀 290 · 📥 9.9K · 📦 250 · 📋 840 - 11% open · ⏱️ 24.10.2023):
```
git clone https://github.com/liferay/alloy-editor
```
- [npm](https://www.npmjs.com/package/alloyeditor) (📥 5.9K / month · 📦 8 · ⏱️ 24.10.2023):
```
npm install alloyeditor
```
codejar (🥉23 · ⭐ 1.7K) - An embeddable code editor for the browser. MIT
- [GitHub](https://github.com/antonmedv/codejar) (👨💻 26 · 🔀 110 · 📦 720 · 📋 76 - 11% open · ⏱️ 08.01.2024):
```
git clone https://github.com/antonmedv/codejar
```
- [npm](https://www.npmjs.com/package/codejar) (📥 39K / month · 📦 51 · ⏱️ 03.08.2023):
```
npm install codejar
```
react-design-editor (🥉23 · ⭐ 1.5K) - React Design Editor has started to developed direct.. MIT
- [GitHub](https://github.com/salgum1114/react-design-editor) (👨💻 7 · 🔀 390 · 📦 52 · 📋 180 - 33% open · ⏱️ 18.01.2024):
```
git clone https://github.com/salgum1114/react-design-editor
```
- [npm](https://www.npmjs.com/package/react-design-editor) (📥 770 / month · 📦 5 · ⏱️ 18.01.2024):
```
npm install react-design-editor
```
react-monacoeditor (🥉21 · ⭐ 280 · 💤) - Monaco Editor component for React. MIT
- [GitHub](https://github.com/uiwjs/react-monacoeditor) (👨💻 7 · 🔀 24 · 📦 280 · 📋 30 - 60% open · ⏱️ 07.11.2023):
```
git clone https://github.com/jaywcjlove/react-monacoeditor
```
- [npm](https://www.npmjs.com/package/@uiw/react-monacoeditor) (📥 7K / month · 📦 6 · ⏱️ 07.11.2023):
```
npm install @uiw/react-monacoeditor
```
edtr-io (🥉19 · ⭐ 710) - Edtr.io is an open source WYSIWYG in-line web editor written in React. Its.. MIT
- [GitHub](https://github.com/edtr-io/edtr-io) (👨💻 18 · 🔀 35 · 📦 9 · 📋 220 - 27% open · ⏱️ 09.12.2023):
```
git clone https://github.com/edtr-io/edtr-io
```
- [npm](https://www.npmjs.com/package/@edtr-io/store) (📥 40 / month · 📦 15 · ⏱️ 30.03.2023):
```
npm install @edtr-io/store
```
smartblock (🥉17 · ⭐ 310 · 💤) - intuitive block based wysiwyg editor built with React and.. MIT
- [GitHub](https://github.com/appleple/smartblock) (👨💻 4 · 🔀 28 · 📦 19 · 📋 18 - 83% open · ⏱️ 20.06.2023):
```
git clone https://github.com/appleple/smartblock
```
- [npm](https://www.npmjs.com/package/@steelydylan/smartblock) (📥 160 / month · 📦 5 · ⏱️ 20.06.2021):
```
npm install @steelydylan/smartblock
```
Show 17 hidden projects...
- tinymce (🥇40 · ⭐ 15K) - The worlds #1 JavaScript library for rich text.. ❗️CNRI-Python-GPL-Compatible
- Draft JS (🥇39 · ⭐ 23K · 💀) - A React framework for building text editors. MIT
- react-quill (🥈34 · ⭐ 6.5K · 💀) - A Quill component for React. MIT
- ckeditor5-react (🥈31 · ⭐ 410) - Official CKEditor 5 React component. ❗️CNRI-Python-GPL-Compatible
- react-rte (🥈30 · ⭐ 2.9K · 💀) - Pure React rich text WYSIWYG editor based on draft-js. ISC
- react-mde (🥈29 · ⭐ 1.4K · 💀) - React Markdown Editor. MIT
- ReactPage (🥉28 · ⭐ 9.4K · 💀) - Next-gen, highly customizable content editor for the browser -.. MIT
- react-simple-code-editor (🥉28 · ⭐ 1.5K · 💀) - Simple no-frills code editor with syntax highlighting. MIT
- react-easy-crop (🥉27 · ⭐ 2.2K · 💀) - Ricardo fork of https://valentinh.github.io/react-easy-.. MIT
- react-markdown-editor-lite (🥉27 · ⭐ 1K · 💀) - a light-weight Markdown editor based on React... MIT
- react-simplemde-editor (🥉26 · ⭐ 760 · 💀) - React wrapper for simplemde (easymde) markdown editor. MIT
- CodeFlask (🥉25 · ⭐ 1.1K · 💀) - A micro code-editor for awesome web pages. MIT
- ckeditor4-react (🥉24 · ⭐ 94) - Official CKEditor 4 React component. ❗️ICU
- react-lz-editor (🥉22 · ⭐ 950 · 💀) - A multilingual react rich-text editor component includes.. MIT
- react-trumbowyg (🥉17 · ⭐ 140 · 💀) - React wrapper for lightweight WYSIWYG editor Trumbowyg. MIT
- react-editor (🥉14 · ⭐ 55 · 💀) - Pure Rich-text Editor with TS & React-hooks. MIT
- react-avatar-generator (🥉12 · ⭐ 66 · 💀) - Generate fun kaleidoscope for user avatars. ❗Unlicensed
## Drag & Drop
react-beautiful-dnd (🥇39 · ⭐ 33K) - Beautiful and accessible drag and drop for lists with.. Apache-2
- [GitHub](https://github.com/atlassian/react-beautiful-dnd) (👨💻 130 · 🔀 2.5K · 📦 120K · 📋 1.7K - 37% open · ⏱️ 03.04.2024):
```
git clone https://github.com/atlassian/react-beautiful-dnd
```
- [npm](https://www.npmjs.com/package/react-beautiful-dnd) (📥 7M / month · 📦 2.3K · ⏱️ 30.08.2022):
```
npm install react-beautiful-dnd
```
Sortable (🥈38 · ⭐ 29K) - Reorderable drag-and-drop lists for modern browsers and touch devices. No.. MIT
- [GitHub](https://github.com/SortableJS/Sortable) (👨💻 180 · 🔀 3.7K · 📦 3 · 📋 1.8K - 25% open · ⏱️ 22.03.2024):
```
git clone https://github.com/SortableJS/Sortable
```
- [npm](https://www.npmjs.com/package/sortablejs) (📥 6.4M / month · 📦 3.7K · ⏱️ 14.01.2024):
```
npm install sortablejs
```
react-draggable (🥈36 · ⭐ 8.9K · 💤) - React draggable component. MIT
- [GitHub](https://github.com/react-grid-layout/react-draggable) (👨💻 72 · 🔀 1K · 📦 150K · 📋 530 - 43% open · ⏱️ 27.09.2023):
```
git clone https://github.com/react-grid-layout/react-draggable
```
- [npm](https://www.npmjs.com/package/react-draggable) (📥 9.5M / month · 📦 2.8K · ⏱️ 27.09.2023):
```
npm install react-draggable
```
react-rnd (🥈34 · ⭐ 3.8K) - A resizable and draggable component for React. MIT
- [GitHub](https://github.com/bokuweb/react-rnd) (👨💻 46 · 🔀 320 · 📦 9.6K · 📋 340 - 46% open · ⏱️ 26.05.2024):
```
git clone https://github.com/bokuweb/react-rnd
```
- [npm](https://www.npmjs.com/package/react-rnd) (📥 850K / month · 📦 570 · ⏱️ 26.05.2024):
```
npm install react-rnd
```
dnd-kit (🥉33 · ⭐ 12K) - The modern, lightweight, performant, accessible and extensible drag & drop.. MIT
- [GitHub](https://github.com/clauderic/dnd-kit) (👨💻 41 · 🔀 600 · 📦 60K · 📋 880 - 47% open · ⏱️ 03.06.2024):
```
git clone https://github.com/clauderic/dnd-kit
```
- [npm](https://www.npmjs.com/package/@dnd-kit/core) (📥 6.7M / month · 📦 930 · ⏱️ 06.11.2023):
```
npm install @dnd-kit/core
```
react-movable (🥉27 · ⭐ 1.4K) - Drag and drop for your React lists and tables. Accessible. Tiny. MIT
- [GitHub](https://github.com/tajo/react-movable) (👨💻 15 · 🔀 48 · 📦 5K · 📋 63 - 33% open · ⏱️ 28.02.2024):
```
git clone https://github.com/tajo/react-movable
```
- [npm](https://www.npmjs.com/package/react-movable) (📥 230K / month · 📦 30 · ⏱️ 28.02.2024):
```
npm install react-movable
```
Show 6 hidden projects...
- react-dnd (🥇40 · ⭐ 21K · 💀) - Drag and Drop for React. MIT
- muuri (🥉31 · ⭐ 11K · 💀) - Infinite responsive, sortable, filterable and draggable layouts. MIT
- react-sortable-tree (🥉30 · ⭐ 4.9K · 💀) - Drag-and-drop sortable component for nested data and.. 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 · ⭐ 650 · 💀) - A sortable and resizable pane component for React. MIT
## Developer Tools
_Tools to help with React development._
Webpack (🥇54 · ⭐ 64K) - A bundler for javascript and friends. Packs many modules into a few.. MIT
- [GitHub](https://github.com/webpack/webpack) (👨💻 910 · 🔀 8.7K · 📦 19M · 📋 9.9K - 2% open · ⏱️ 06.06.2024):
```
git clone https://github.com/webpack/webpack
```
- [npm](https://www.npmjs.com/package/webpack) (📥 110M / month · 📦 340K · ⏱️ 20.03.2024):
```
npm install webpack
```
Storybook (🥇52 · ⭐ 83K) - Storybook is a frontend workshop for building UI components and pages.. MIT
- [GitHub](https://github.com/storybookjs/storybook) (👨💻 2.3K · 🔀 9.1K · 📦 280K · 📋 13K - 15% open · ⏱️ 06.06.2024):
```
git clone https://github.com/storybookjs/storybook
```
- [npm](https://www.npmjs.com/package/@storybook/react) (📥 21M / month · 📦 56K · ⏱️ 03.06.2024):
```
npm install @storybook/react
```
vite (🥇48 · ⭐ 65K) - Next generation frontend tooling. Its fast!. MIT
- [GitHub](https://github.com/vitejs/vite) (👨💻 980 · 🔀 5.8K · 📦 4.8M · 📋 7.2K - 8% open · ⏱️ 06.06.2024):
```
git clone https://github.com/vitejs/vite
```
- [npm](https://www.npmjs.com/package/vite) (📥 53M / month · 📦 95K · ⏱️ 04.06.2024):
```
npm install vite
```
eslint-plugin-react (🥇46 · ⭐ 8.8K) - React-specific linting rules for ESLint. MIT
- [GitHub](https://github.com/jsx-eslint/eslint-plugin-react) (👨💻 560 · 🔀 2.8K · 📦 15M · 📋 2.4K - 10% open · ⏱️ 14.05.2024):
```
git clone https://github.com/yannickcr/eslint-plugin-react
```
- [npm](https://www.npmjs.com/package/eslint-plugin-react) (📥 79M / month · 📦 180K · ⏱️ 28.05.2024):
```
npm install eslint-plugin-react
```
esbuild (🥈45 · ⭐ 37K) - An extremely fast bundler for the web. MIT
- [GitHub](https://github.com/evanw/esbuild) (👨💻 110 · 🔀 1.1K · 📦 5.5M · 📋 3.4K - 12% open · ⏱️ 25.05.2024):
```
git clone https://github.com/evanw/esbuild
```
- [npm](https://www.npmjs.com/package/esbuild) (📥 120M / month · 📦 36K · ⏱️ 25.05.2024):
```
npm install esbuild
```
- [Go](https://pkg.go.dev/github.com/evanw/esbuild) (📦 350 · ⏱️ 25.05.2024):
```
go install github.com/evanw/esbuild
```
parcel (🥈43 · ⭐ 43K) - The zero configuration build tool for the web. MIT
- [GitHub](https://github.com/parcel-bundler/parcel) (👨💻 430 · 🔀 2.3K · 📦 260K · 📋 5.4K - 13% open · ⏱️ 06.06.2024):
```
git clone https://github.com/parcel-bundler/parcel
```
- [Conda](https://anaconda.org/conda-forge/parceljs) (📥 78K · ⏱️ 28.02.2024):
```
conda install -c conda-forge parceljs
```
- [npm](https://www.npmjs.com/package/parcel) (📥 880K / month · 📦 8.6K · ⏱️ 05.06.2024):
```
npm install parcel
```
lerna (🥈43 · ⭐ 35K) - Lerna is a fast, modern build system for managing and publishing multiple.. MIT
- [GitHub](https://github.com/lerna/lerna) (👨💻 360 · 🔀 2.2K · 📦 170K · 📋 2.6K - 13% open · ⏱️ 06.06.2024):
```
git clone https://github.com/lerna/lerna
```
- [npm](https://www.npmjs.com/package/lerna) (📥 5M / month · 📦 12K · ⏱️ 13.05.2024):
```
npm install lerna
```
create-react-app (🥈40 · ⭐ 100K · 💤) - Set up a modern web app by running one command. MIT
- [GitHub](https://github.com/facebook/create-react-app) (👨💻 940 · 🔀 27K · 📦 13M · 📋 8.7K - 25% open · ⏱️ 14.06.2023):
```
git clone https://github.com/facebook/create-react-app
```
- [npm](https://www.npmjs.com/package/@gd-uikit/react-scripts) (📥 4 / month · 📦 5 · ⏱️ 21.07.2023):
```
npm install @gd-uikit/react-scripts
```
Bit (🥈36 · ⭐ 18K) - Build, distribute, and collaborate on components. Apache-2
- [GitHub](https://github.com/teambit/bit) (👨💻 85 · 🔀 910 · 📥 8.8K · 📦 6 · 📋 1.9K - 2% open · ⏱️ 06.06.2024):
```
git clone https://github.com/teambit/bit
```
- [npm](https://www.npmjs.com/package/bit-bin) (📥 23K / month · 📦 100 · ⏱️ 08.07.2021):
```
npm install bit-bin
```
react-intersection-observer (🥈36 · ⭐ 4.9K) - React implementation of the Intersection Observer API.. MIT
- [GitHub](https://github.com/thebuilder/react-intersection-observer) (👨💻 52 · 🔀 180 · 📦 170K · ⏱️ 05.06.2024):
```
git clone https://github.com/thebuilder/react-intersection-observer
```
- [npm](https://www.npmjs.com/package/react-intersection-observer) (📥 7.9M / month · 📦 1.1K · ⏱️ 03.05.2024):
```
npm install react-intersection-observer
```
react-styleguidist (🥈35 · ⭐ 11K) - Isolated React component development environment with a.. MIT
- [GitHub](https://github.com/styleguidist/react-styleguidist) (👨💻 250 · 🔀 1.4K · 📦 11K · 📋 1.3K - 18% open · ⏱️ 19.01.2024):
```
git clone https://github.com/styleguidist/react-styleguidist
```
- [npm](https://www.npmjs.com/package/react-styleguidist) (📥 260K / month · 📦 3.3K · ⏱️ 19.01.2024):
```
npm install react-styleguidist
```
loadable-components (🥈34 · ⭐ 7.6K) - The recommended Code Splitting library for React. MIT
- [GitHub](https://github.com/gregberge/loadable-components) (👨💻 110 · 🔀 380 · 📦 36K · 📋 620 - 5% open · ⏱️ 20.04.2024):
```
git clone https://github.com/gregberge/loadable-components
```
- [npm](https://www.npmjs.com/package/@loadable/component) (📥 1.8M / month · 📦 1K · ⏱️ 20.04.2024):
```
npm install @loadable/component
```
yarn (🥈34 · ⭐ 7.2K) - Active development trunk for Yarn. BSD-2
- [GitHub](https://github.com/yarnpkg/berry) (👨💻 400 · 🔀 1K · 📥 450 · 📦 3 · 📋 3K - 25% open · ⏱️ 01.06.2024):
```
git clone https://github.com/yarnpkg/berry
```
- [npm](https://www.npmjs.com/package/@yarnpkg/pnpify) (📥 94K / month · 📦 550 · ⏱️ 08.05.2024):
```
npm install @yarnpkg/pnpify
```
react-cosmos (🥉33 · ⭐ 8.2K) - Sandbox for developing and testing UI components in isolation. MIT
- [GitHub](https://github.com/react-cosmos/react-cosmos) (👨💻 150 · 🔀 340 · 📦 1.9K · 📋 490 - 1% open · ⏱️ 19.05.2024):
```
git clone https://github.com/react-cosmos/react-cosmos
```
- [npm](https://www.npmjs.com/package/react-cosmos) (📥 83K / month · 📦 240 · ⏱️ 19.05.2024):
```
npm install react-cosmos
```
jsx-ast-utils (🥉33 · ⭐ 160 · 💤) - AST utility module for statically analyzing JSX. MIT
- [GitHub](https://github.com/jsx-eslint/jsx-ast-utils) (👨💻 15 · 🔀 32 · 📦 14M · 📋 57 - 19% open · ⏱️ 29.07.2023):
```
git clone https://github.com/jsx-eslint/jsx-ast-utils
```
- [npm](https://www.npmjs.com/package/jsx-ast-utils) (📥 76M / month · 📦 1.6K · ⏱️ 29.07.2023):
```
npm install jsx-ast-utils
```
electron-react-boilerplate (🥉32 · ⭐ 23K · 💤) - A Foundation for Scalable Cross-Platform Apps. MIT
- [GitHub](https://github.com/electron-react-boilerplate/electron-react-boilerplate) (👨💻 170 · 🔀 3.7K · 📥 7.1M · 📦 6 · 📋 1.9K - 6% open · ⏱️ 16.09.2023):
```
git clone https://github.com/electron-react-boilerplate/electron-react-boilerplate
```
- [npm](https://www.npmjs.com/package/mib-browser) (📥 5 / month · 📦 3 · ⏱️ 17.01.2022):
```
npm install mib-browser
```
Reactotron (🥉32 · ⭐ 15K) - A desktop app for inspecting your React JS and React Native projects... MIT
- [GitHub](https://github.com/infinitered/reactotron) (👨💻 150 · 🔀 940 · 📥 32K · 📦 420 · 📋 590 - 26% open · ⏱️ 15.05.2024):
```
git clone https://github.com/infinitered/reactotron
```
- [npm](https://www.npmjs.com/package/reactotron) (📥 1.3K / month · 📦 13 · ⏱️ 09.08.2016):
```
npm install reactotron
```
ncc (🥉32 · ⭐ 9K) - Compile a Node.js project into a single file. Supports TypeScript, binary.. MIT
- [GitHub](https://github.com/vercel/ncc) (👨💻 59 · 🔀 280 · 📦 5 · 📋 570 - 36% open · ⏱️ 12.02.2024):
```
git clone https://github.com/vercel/ncc
```
- [npm](https://www.npmjs.com/package/@vercel/ncc) (📥 1.6M / month · 📦 1.9K · ⏱️ 18.10.2023):
```
npm install @vercel/ncc
```
eslint-plugin-jsx-a11y (🥉31 · ⭐ 3.3K) - Static AST checker for a11y rules on JSX elements. MIT
- [GitHub](https://github.com/jsx-eslint/eslint-plugin-jsx-a11y) (👨💻 130 · 🔀 630 · 📦 12M · 📋 480 - 22% open · ⏱️ 30.01.2024):
```
git clone https://github.com/jsx-eslint/eslint-plugin-jsx-a11y
```
- [npm](https://www.npmjs.com/package/canglang-cli) (📥 5 / month · 📦 3 · ⏱️ 12.07.2021):
```
npm install canglang-cli
```
why-did-you-render (🥉29 · ⭐ 11K) - why-did-you-render by Welldone Software monkey patches React.. MIT
- [GitHub](https://github.com/welldone-software/why-did-you-render) (👨💻 36 · 🔀 190 · 📦 11K · 📋 220 - 18% open · ⏱️ 28.04.2024):
```
git clone https://github.com/welldone-software/why-did-you-render
```
- [npm](https://www.npmjs.com/package/why-did-you-render) (📥 1K / month · 📦 1 · ⏱️ 17.05.2020):
```
npm install why-did-you-render
```
axe-core-npm (🥉27 · ⭐ 570) - Provides a method to inject and analyze web pages using axe. MPL-2.0
- [GitHub](https://github.com/dequelabs/axe-core-npm) (👨💻 32 · 🔀 65 · 📦 92 · 📋 320 - 18% open · ⏱️ 04.06.2024):
```
git clone https://github.com/dequelabs/axe-core-npm
```
- [npm](https://www.npmjs.com/package/@axe-core/webdriverjs) (📥 73K / month · 📦 28 · ⏱️ 04.06.2024):
```
npm install @axe-core/webdriverjs
```
next-enterprise (🥉16 · ⭐ 5.7K) - An enterprise-grade Next.js boilerplate for high-performance,.. MIT
- [GitHub](https://github.com/Blazity/next-enterprise) (👨💻 11 · 🔀 1.3K · 📋 27 - 7% open · ⏱️ 30.05.2024):
```
git clone https://github.com/Blazity/next-enterprise
```
dataformsjs (🥉16 · ⭐ 180 · 💤) - DataFormsJS A minimal JavaScript Framework, standalone React and.. MIT
- [GitHub](https://github.com/dataformsjs/dataformsjs) (👨💻 6 · 🔀 22 · 📦 6 · ⏱️ 11.06.2023):
```
git clone https://github.com/dataformsjs/dataformsjs
```
- [npm](https://www.npmjs.com/package/dataformsjs) (📥 250 / month · 📦 2 · ⏱️ 19.04.2023):
```
npm install dataformsjs
```
Show 8 hidden projects...
- react-hot-loader (🥈38 · ⭐ 12K · 💀) - Tweak React components in real time. (Deprecated: use Fast.. MIT
- docz (🥈34 · ⭐ 24K · 💀) - It has never been so easy to document your things!. MIT
- react-loadable (🥉32 · ⭐ 17K · 💀) - A higher order component for loading components with promises. 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
- react-scanner (🥉21 · ⭐ 560 · 💀) - Extract React components and props usage from code. MIT
- Luna (🥉15 · ⭐ 1K · 💀) - Manage npm dependencies through a modern UI. ❗️GPL-3.0
- Material-UI Theme Creator (🥉8 · ⭐ 440 · 💀) - A tool to help design and customize themes for the.. ❗️0BSD
## Desktop Applications
_Tools to build web-app based desktop applications._
Tauri (🥇39 · ⭐ 79K) - Build smaller, faster, and more secure desktop applications with a web.. Apache-2
- [GitHub](https://github.com/tauri-apps/tauri) (👨💻 370 · 🔀 2.3K · 📥 110K · 📦 630 · 📋 4.1K - 20% open · ⏱️ 06.06.2024):
```
git clone https://github.com/tauri-apps/tauri
```
- [npm](https://www.npmjs.com/package/tauri) (📥 1.8K / month · 📦 12 · ⏱️ 24.05.2023):
```
npm install tauri
```
- [Cargo](https://crates.io/crates/tauri-utils) (📥 150K / month · 📦 20 · ⏱️ 29.05.2024):
```
cargo install tauri-utils
```
Electron (🥉34 · ⭐ 110K · 📉) - Build cross-platform desktop apps with JavaScript, HTML, and CSS. MIT
- [GitHub](https://github.com/electron/electron) (👨💻 1.3K · 🔀 15K):
```
git clone https://github.com/electron/electron
```
- [npm](https://www.npmjs.com/package/electron) (📥 2.9M / month · 📦 8.2K · ⏱️ 05.06.2024):
```
npm install electron
```
## Utilities
axios (🥇51 · ⭐ 100K) - Promise based HTTP client for the browser and node.js. MIT
- [GitHub](https://github.com/axios/axios) (👨💻 460 · 🔀 11K · 📦 13M · 📋 4.7K - 15% open · ⏱️ 21.05.2024):
```
git clone https://github.com/axios/axios
```
- [npm](https://www.npmjs.com/package/axios) (📥 210M / month · 📦 170K · ⏱️ 21.05.2024):
```
npm install axios
```
date-fns (🥈47 · ⭐ 34K) - Modern JavaScript date utility library. MIT
- [GitHub](https://github.com/date-fns/date-fns) (👨💻 410 · 🔀 1.7K · 📦 3.1M · 📋 2K - 34% open · ⏱️ 13.05.2024):
```
git clone https://github.com/date-fns/date-fns
```
- [npm](https://www.npmjs.com/package/date-fns) (📥 84M / month · 📦 20K · ⏱️ 18.03.2024):
```
npm install date-fns
```
lodash (🥈45 · ⭐ 59K) - A modern JavaScript utility library delivering modularity, performance, &.. MIT
- [GitHub](https://github.com/lodash/lodash) (👨💻 330 · 🔀 7K · 📦 29M · 📋 4.3K - 1% open · ⏱️ 16.04.2024):
```
git clone https://github.com/lodash/lodash
```
- [npm](https://www.npmjs.com/package/lodash) (📥 220M / month · 📦 100K · ⏱️ 20.02.2021):
```
npm install lodash
```
winston (🥉44 · ⭐ 22K) - A logger for just about everything. MIT
- [GitHub](https://github.com/winstonjs/winston) (👨💻 400 · 🔀 1.8K · 📦 910K · 📋 1.5K - 33% open · ⏱️ 04.06.2024):
```
git clone https://github.com/winstonjs/winston
```
- [npm](https://www.npmjs.com/package/winston) (📥 45M / month · 📦 29K · ⏱️ 24.03.2024):
```
npm install winston
```
yup (🥉40 · ⭐ 22K) - Dead simple Object schema validation. MIT
- [GitHub](https://github.com/jquense/yup) (👨💻 170 · 🔀 900 · 📦 800K · 📋 1.8K - 12% open · ⏱️ 15.03.2024):
```
git clone https://github.com/jquense/yup
```
- [npm](https://www.npmjs.com/package/yup) (📥 24M / month · 📦 7K · ⏱️ 06.03.2024):
```
npm install yup
```
i18next (🥉40 · ⭐ 7.5K) - i18next: learn once - translate everywhere. MIT
- [GitHub](https://github.com/i18next/i18next) (👨💻 240 · 🔀 620 · 📦 280K · 📋 1.4K - 1% open · ⏱️ 20.05.2024):
```
git clone https://github.com/i18next/i18next
```
- [npm](https://www.npmjs.com/package/i18next) (📥 23M / month · 📦 7.4K · ⏱️ 10.05.2024):
```
npm install i18next
```
loglevel (🥉38 · ⭐ 2.6K) - Minimal lightweight logging for JavaScript, adding reliable log level.. MIT
- [GitHub](https://github.com/pimterry/loglevel) (👨💻 32 · 🔀 170 · 📦 7.8M · 📋 130 - 11% open · ⏱️ 31.01.2024):
```
git clone https://github.com/pimterry/loglevel
```
- [npm](https://www.npmjs.com/package/loglevel) (📥 35M / month · 📦 1.7K · ⏱️ 26.01.2024):
```
npm install loglevel
```
log4js-node (🥉35 · ⭐ 5.8K) - A port of log4js to node.js. Apache-2
- [GitHub](https://github.com/log4js-node/log4js-node) (👨💻 180 · 🔀 780 · 📦 3 · 📋 850 - 10% open · ⏱️ 05.04.2024):
```
git clone https://github.com/log4js-node/log4js-node
```
- [npm](https://www.npmjs.com/package/log4js) (📥 17M / month · 📦 6.6K · ⏱️ 08.03.2023):
```
npm install log4js
```
## Testing
jest (🥇48 · ⭐ 44K) - Delightful JavaScript Testing. MIT
- [GitHub](https://github.com/jestjs/jest) (👨💻 1.7K · 🔀 6.4K · 📦 13M · 📋 7.8K - 3% open · ⏱️ 30.05.2024):
```
git clone https://github.com/facebook/jest
```
- [npm](https://www.npmjs.com/package/jest) (📥 99M / month · 📦 430K · ⏱️ 30.05.2024):
```
npm install jest
```
cypress (🥈47 · ⭐ 46K) - Fast, easy and reliable testing for anything that runs in a browser. MIT
- [GitHub](https://github.com/cypress-io/cypress) (👨💻 500 · 🔀 3.1K · 📥 700 · 📦 1.3M · 📋 14K - 10% open · ⏱️ 05.06.2024):
```
git clone https://github.com/cypress-io/cypress
```
- [npm](https://www.npmjs.com/package/cypress) (📥 23M / month · 📦 10K · ⏱️ 04.06.2024):
```
npm install cypress
```
enzyme (🥈41 · ⭐ 20K) - JavaScript Testing utilities for React. MIT
- [GitHub](https://github.com/enzymejs/enzyme) (👨💻 400 · 🔀 2K · 📦 560K · 📋 1.8K - 15% open · ⏱️ 23.02.2024):
```
git clone https://github.com/enzymejs/enzyme
```
- [npm](https://www.npmjs.com/package/enzyme) (📥 7.6M / month · 📦 46K · ⏱️ 20.12.2019):
```
npm install enzyme
```
react-testing-library (🥉36 · ⭐ 19K) - Simple and complete React DOM testing utilities that.. MIT
- [GitHub](https://github.com/testing-library/react-testing-library) (👨💻 180 · 🔀 1.1K · 📦 27K · 📋 780 - 5% open · ⏱️ 03.06.2024):
```
git clone https://github.com/testing-library/react-testing-library
```
- [npm](https://www.npmjs.com/package/react-testing-library) (📥 210K / month · 📦 3.4K · ⏱️ 30.05.2019):
```
npm install react-testing-library
```
Show 2 hidden projects...
- react-hooks-testing-library (🥉33 · ⭐ 5.2K · 💀) - Simple and complete React hooks testing utilities.. MIT
- majestic (🥉27 · ⭐ 7.5K · 💀) - Zero config GUI for Jest. MIT
## Admin Dashboards
_Admin frontend frameworks, dashboards and templates._
React Admin (🥇42 · ⭐ 24K) - A frontend Framework for building data-driven applications.. MIT
- [GitHub](https://github.com/marmelab/react-admin) (👨💻 690 · 🔀 5.2K · 📦 20K · 📋 4.5K - 2% open · ⏱️ 05.06.2024):
```
git clone https://github.com/marmelab/react-admin
```
- [npm](https://www.npmjs.com/package/react-admin) (📥 260K / month · 📦 400 · ⏱️ 03.06.2024):
```
npm install react-admin
```
Ant Design Pro (🥇35 · ⭐ 36K) - Use Ant Design like a Pro!. MIT
- [GitHub](https://github.com/ant-design/ant-design-pro) (👨💻 340 · 🔀 8.1K · 📦 2.7K · 📋 9.6K - 0% open · ⏱️ 04.06.2024):
```
git clone https://github.com/ant-design/ant-design-pro
```
- [npm](https://www.npmjs.com/package/ant-design-pro) (📥 12K / month · 📦 100 · ⏱️ 08.05.2019):
```
npm install ant-design-pro
```
coreui-free-bootstrap-admin-template (🥈27 · ⭐ 12K) - Free Bootstrap Admin & Dashboard Template. MIT
- [GitHub](https://github.com/coreui/coreui-free-bootstrap-admin-template) (👨💻 26 · 🔀 3.1K · 📥 1.4K · 📦 32 · 📋 490 - 1% open · ⏱️ 28.03.2024):
```
git clone https://github.com/coreui/coreui-free-bootstrap-admin-template
```
- [npm](https://www.npmjs.com/package/@coreui/ajax) (📥 190 / month · 📦 10 · ⏱️ 28.02.2018):
```
npm install @coreui/ajax
```
Material Kit React (🥈23 · ⭐ 5.2K) - React Dashboard made with Material UIs components. Our.. MIT
- [GitHub](https://github.com/devias-io/material-kit-react) (👨💻 12 · 🔀 2.3K · 📦 380 · 📋 54 - 7% open · ⏱️ 08.03.2024):
```
git clone https://github.com/devias-io/material-kit-react
```
React Dashboard (🥈17 · ⭐ 1.6K · 📉) - React Dashboard - isomorphic admin dashboard template.. MIT
- [GitHub](https://github.com/flatlogic/react-dashboard) (👨💻 150 · 🔀 370 · 📋 50 - 80% open · ⏱️ 25.03.2024):
```
git clone https://github.com/flatlogic/react-dashboard
```
React Material Admin (🥉14 · ⭐ 1.6K) - React Material Admin is a React template built with.. MIT
- [GitHub](https://github.com/flatlogic/react-material-admin) (👨💻 10 · 🔀 550 · 📋 47 - 59% open · ⏱️ 25.03.2024):
```
git clone https://github.com/flatlogic/react-material-admin
```
Volt React Dashboard (🥉14 · ⭐ 900 · 💤) - Free and open source React.js admin dashboard.. MIT
- [GitHub](https://github.com/themesberg/volt-react-dashboard) (👨💻 4 · 🔀 370 · 📦 4 · 📋 23 - 69% open · ⏱️ 08.07.2023):
```
git clone https://github.com/themesberg/volt-react-dashboard
```
- [npm](https://www.npmjs.com/package/@themesberg/volt-react-dashboard) (📥 59 / month · 📦 2 · ⏱️ 26.01.2021):
```
npm install @themesberg/volt-react-dashboard
```
matx-react (🥉13 · ⭐ 910) - Matx -Free and open-source React Material UI Admin Dashboard Template. MIT
- [GitHub](https://github.com/uilibrary/matx-react) (👨💻 6 · 🔀 380 · 📋 37 - 21% open · ⏱️ 06.03.2024):
```
git clone https://github.com/uilibrary/matx-react
```
plain-free-bootstrap-admin-template (🥉10 · ⭐ 340 · 💤) - Free Vanilla JavaScript Bootstrap 5 Admin and.. MIT
- [GitHub](https://github.com/PlainAdmin/plain-free-bootstrap-admin-template) (👨💻 4 · 🔀 43 · ⏱️ 01.09.2023):
```
git clone https://github.com/PlainAdmin/plain-free-bootstrap-admin-template
```
Show 2 hidden projects...
- React SaaS Template (🥉16 · ⭐ 1.9K · 💀) - Template for building an SaaS / admin website using.. MIT
- Notus React (🥉14 · ⭐ 760 · 💀) - Notus React: Free Tailwind CSS UI Kit and Admin. MIT
## Other Components
_Collection of other components._
sweetalert2 (🥇42 · ⭐ 17K) - A beautiful, responsive, highly customizable and accessible (WAI-.. MIT
- [GitHub](https://github.com/sweetalert2/sweetalert2) (👨💻 130 · 🔀 1.6K · 📥 1.3M · 📦 450K · 📋 1.6K - 0% open · ⏱️ 05.06.2024):
```
git clone https://github.com/sweetalert2/sweetalert2
```
- [npm](https://www.npmjs.com/package/sweetalert2) (📥 2.5M / month · 📦 2.4K · ⏱️ 05.06.2024):
```
npm install sweetalert2
```
react-slick (🥇41 · ⭐ 12K) - React carousel component. MIT
- [GitHub](https://github.com/akiran/react-slick) (👨💻 160 · 🔀 2.1K · 📦 410K · 📋 1.8K - 26% open · ⏱️ 11.04.2024):
```
git clone https://github.com/akiran/react-slick
```
- [npm](https://www.npmjs.com/package/react-slick) (📥 4.6M / month · 📦 2.2K · ⏱️ 17.02.2024):
```
npm install react-slick
```
React Flow (🥇40 · ⭐ 22K) - React Flow |Svelte Flow - Powerful open source libraries for building.. MIT
- [GitHub](https://github.com/xyflow/xyflow) (👨💻 100 · 🔀 1.5K · 📥 52 · 📦 5.2K · 📋 1.8K - 8% open · ⏱️ 05.06.2024):
```
git clone https://github.com/wbkd/react-flow
```
- [npm](https://www.npmjs.com/package/react-flow-renderer) (📥 500K / month · 📦 190 · ⏱️ 14.09.2022):
```
npm install react-flow-renderer
```
react-pdf (🥇39 · ⭐ 8.8K) - Display PDFs in your React app as easily as if they were images. MIT
- [GitHub](https://github.com/wojtekmaj/react-pdf) (👨💻 56 · 🔀 840 · 📦 61K · 📋 1.1K - 4% open · ⏱️ 06.06.2024):
```
git clone https://github.com/wojtekmaj/react-pdf
```
- [npm](https://www.npmjs.com/package/react-pdf) (📥 4M / month · 📦 780 · ⏱️ 29.05.2024):
```
npm install react-pdf
```
react-day-picker (🥇39 · ⭐ 5.8K) - DayPicker is a customizable date picker component for React... MIT
- [GitHub](https://github.com/gpbl/react-day-picker) (👨💻 160 · 🔀 700 · 📦 69K · 📋 840 - 1% open · ⏱️ 06.06.2024):
```
git clone https://github.com/gpbl/react-day-picker
```
- [npm](https://www.npmjs.com/package/react-day-picker) (📥 5.9M / month · 📦 1.6K · ⏱️ 03.06.2024):
```
npm install react-day-picker
```
react-tooltip (🥇39 · ⭐ 3.5K) - React Tooltip Component. MIT
- [GitHub](https://github.com/ReactTooltip/react-tooltip) (👨💻 150 · 🔀 520 · 📦 98K · 📋 770 - 1% open · ⏱️ 08.05.2024):
```
git clone https://github.com/wwayne/react-tooltip
```
- [npm](https://www.npmjs.com/package/react-tooltip) (📥 4.9M / month · 📦 2.2K · ⏱️ 09.05.2024):
```
npm install react-tooltip
```
react-big-calendar (🥈38 · ⭐ 7.5K) - gcal/outlook like calendar component. MIT
- [GitHub](https://github.com/jquense/react-big-calendar) (👨💻 240 · 🔀 2.2K · 📦 39K · 📋 1.8K - 18% open · ⏱️ 14.05.2024):
```
git clone https://github.com/jquense/react-big-calendar
```
- [npm](https://www.npmjs.com/package/react-big-calendar) (📥 1.2M / month · 📦 290 · ⏱️ 14.05.2024):
```
npm install react-big-calendar
```
react-calendar (🥈37 · ⭐ 3.4K) - Ultimate calendar for your React app. MIT
- [GitHub](https://github.com/wojtekmaj/react-calendar) (👨💻 40 · 🔀 490 · 📦 84K · 📋 550 - 6% open · ⏱️ 05.06.2024):
```
git clone https://github.com/wojtekmaj/react-calendar
```
- [npm](https://www.npmjs.com/package/react-calendar) (📥 2.4M / month · 📦 540 · ⏱️ 29.04.2024):
```
npm install react-calendar
```
react-map-gl (🥈36 · ⭐ 7.6K) - React friendly API wrapper around MapboxGL JS. MIT
- [GitHub](https://github.com/visgl/react-map-gl) (👨💻 180 · 🔀 1.3K · 📦 50K · 📋 1.1K - 7% open · ⏱️ 23.05.2024):
```
git clone https://github.com/visgl/react-map-gl
```
- [npm](https://www.npmjs.com/package/react-map-gl) (📥 1.6M / month · 📦 520 · ⏱️ 18.12.2023):
```
npm install react-map-gl
```
react-modal (🥈36 · ⭐ 7.3K) - Accessible modal dialog component for React. MIT
- [GitHub](https://github.com/reactjs/react-modal) (👨💻 170 · 🔀 810 · 📦 400K · 📋 640 - 30% open · ⏱️ 12.02.2024):
```
git clone https://github.com/reactjs/react-modal
```
- [npm](https://www.npmjs.com/package/react-modal) (📥 6.7M / month · 📦 3.4K · ⏱️ 18.10.2022):
```
npm install react-modal
```
react-tabs (🥈36 · ⭐ 3.1K) - An accessible and easy tab component for ReactJS. MIT
- [GitHub](https://github.com/reactjs/react-tabs) (👨💻 71 · 🔀 440 · 📦 56K · 📋 280 - 21% open · ⏱️ 05.06.2024):
```
git clone https://github.com/reactjs/react-tabs
```
- [npm](https://www.npmjs.com/package/react-tabs) (📥 3.9M / month · 📦 840 · ⏱️ 17.07.2023):
```
npm install react-tabs
```
lightGallery (🥈35 · ⭐ 6.3K) - A customizable, modular, responsive, lightbox gallery plugin. ❗️GPL-3.0
- [GitHub](https://github.com/sachinchoolur/lightGallery) (👨💻 73 · 🔀 1.3K · 📥 590 · 📦 11K · 📋 1.3K - 3% open · ⏱️ 06.06.2024):
```
git clone https://github.com/sachinchoolur/lightGallery
```
- [npm](https://www.npmjs.com/package/lightgallery) (📥 270K / month · 📦 80 · ⏱️ 25.04.2024):
```
npm install lightgallery
```
react-markdown (🥈34 · ⭐ 12K) - Markdown component for React. MIT
- [GitHub](https://github.com/remarkjs/react-markdown) (👨💻 68 · 🔀 850 · 📦 270K · 📋 650 - 0% open · ⏱️ 25.03.2024):
```
git clone https://github.com/remarkjs/react-markdown
```
- [npm](https://www.npmjs.com/package/react-markdown) (📥 12M / month · 📦 4.4K · ⏱️ 13.11.2023):
```
npm install react-markdown
```
react-fontawesome (🥈34 · ⭐ 3.7K) - Font Awesome React component. MIT
- [GitHub](https://github.com/FortAwesome/react-fontawesome) (👨💻 48 · 🔀 260 · 📋 350 - 32% open · ⏱️ 22.05.2024):
```
git clone https://github.com/FortAwesome/react-fontawesome
```
- [npm](https://www.npmjs.com/package/@fortawesome/react-fontawesome) (📥 4.5M / month · 📦 6.7K · ⏱️ 22.05.2024):
```
npm install @fortawesome/react-fontawesome
```
react-content-loader (🥉33 · ⭐ 13K) - SVG-Powered component to easily create skeleton loadings. MIT
- [GitHub](https://github.com/danilowoz/react-content-loader) (👨💻 49 · 🔀 410 · 📦 48K · 📋 140 - 10% open · ⏱️ 08.03.2024):
```
git clone https://github.com/danilowoz/react-content-loader
```
- [npm](https://www.npmjs.com/package/react-content-loader) (📥 2.4M / month · 📦 620 · ⏱️ 08.03.2024):
```
npm install react-content-loader
```
react-image-gallery (🥉33 · ⭐ 3.7K) - React carousel image gallery component with thumbnail.. MIT
- [GitHub](https://github.com/xiaolin/react-image-gallery) (👨💻 88 · 🔀 700 · 📦 31K · 📋 590 - 5% open · ⏱️ 27.02.2024):
```
git clone https://github.com/xiaolin/react-image-gallery
```
- [npm](https://www.npmjs.com/package/react-image-gallery) (📥 730K / month · 📦 180 · ⏱️ 30.07.2023):
```
npm install react-image-gallery
```
fullcalendar-react (🥉32 · ⭐ 1.9K · 📈) - The official React Component for FullCalendar. MIT
- [GitHub](https://github.com/fullcalendar/fullcalendar-react) (👨💻 4 · 🔀 100 · 📦 42K · 📋 180 - 1% open · ⏱️ 05.06.2024):
```
git clone https://github.com/fullcalendar/fullcalendar-react
```
- [npm](https://www.npmjs.com/package/@fullcalendar/react) (📥 1.5M / month · 📦 240 · ⏱️ 05.06.2024):
```
npm install @fullcalendar/react
```
Reactive Search (🥉31 · ⭐ 4.9K) - Search UI components for React and Vue. Apache-2
- [GitHub](https://github.com/appbaseio/reactivesearch) (👨💻 73 · 🔀 470 · 📦 1.5K · 📋 1.1K - 15% open · ⏱️ 05.04.2024):
```
git clone https://github.com/appbaseio/reactivesearch
```
- [npm](https://www.npmjs.com/package/@appbaseio/reactivesearch) (📥 18K / month · 📦 29 · ⏱️ 27.11.2023):
```
npm install @appbaseio/reactivesearch
```
video-react (🥉31 · ⭐ 2.6K) - A web video player built for the HTML5 world using React library. MIT
- [GitHub](https://github.com/video-react/video-react) (👨💻 33 · 🔀 390 · 📦 39K · 📋 350 - 38% open · ⏱️ 16.04.2024):
```
git clone https://github.com/video-react/video-react
```
- [npm](https://www.npmjs.com/package/video-react) (📥 380K / month · 📦 280 · ⏱️ 09.11.2022):
```
npm install video-react
```
react-avatar-editor (🥉31 · ⭐ 2.3K) - Small avatar & profile picture component. Resize and crop.. MIT
- [GitHub](https://github.com/mosch/react-avatar-editor) (👨💻 71 · 🔀 370 · 📦 8.3K · 📋 250 - 8% open · ⏱️ 04.12.2023):
```
git clone https://github.com/mosch/react-avatar-editor
```
- [npm](https://www.npmjs.com/package/react-avatar-editor) (📥 860K / month · 📦 180 · ⏱️ 20.12.2023):
```
npm install react-avatar-editor
```
searchkit (🥉30 · ⭐ 4.7K) - Search UI for Elasticsearch & Opensearch. Compatible with.. Apache-2
- [GitHub](https://github.com/searchkit/searchkit) (👨💻 63 · 🔀 440 · 📦 770 · 📋 640 - 4% open · ⏱️ 08.05.2024):
```
git clone https://github.com/searchkit/searchkit
```
- [npm](https://www.npmjs.com/package/searchkit) (📥 42K / month · 📦 31 · ⏱️ 04.05.2024):
```
npm install searchkit
```
Material-UI Treasury (🥉26 · ⭐ 2.3K) - A collection of ready-to-use components based on.. MIT
- [GitHub](https://github.com/siriwatknp/mui-treasury) (👨💻 19 · 🔀 150 · 📦 680 · 📋 300 - 15% open · ⏱️ 28.04.2024):
```
git clone https://github.com/siriwatknp/mui-treasury
```
- [npm](https://www.npmjs.com/package/@mui-treasury/components) (📥 6.2K / month · 📦 36 · ⏱️ 18.06.2021):
```
npm install @mui-treasury/components
```
react-nice-avatar (🥉21 · ⭐ 1K) - react library for generating avatar. MIT
- [GitHub](https://github.com/dapi-labs/react-nice-avatar) (👨💻 10 · 🔀 82 · 📦 600 · 📋 25 - 8% open · ⏱️ 21.12.2023):
```
git clone https://github.com/dapilab/react-nice-avatar
```
- [npm](https://www.npmjs.com/package/react-nice-avatar) (📥 7.9K / month · 📦 2 · ⏱️ 28.11.2023):
```
npm install react-nice-avatar
```
Show 15 hidden projects...
- DevExtreme (🥈38 · ⭐ 1.8K) - HTML5 JavaScript Component Suite for Responsive Web Development. ❗️Aladdin
- react-instantsearch (🥈34 · ⭐ 3.6K · 💀) - Lightning-fast search for React and React Native.. MIT
- react-responsive-carousel (🥈34 · ⭐ 2.6K · 💀) - React.js Responsive Carousel (with Swipe). MIT
- google-map-react (🥉33 · ⭐ 6.3K · 💀) - Google map library for react that allows rendering.. MIT
- react-leaflet (🥉33 · ⭐ 5K) - React components for Leaflet maps. ❗️Hippocratic-2.1
- react-paginate (🥉33 · ⭐ 2.7K · 💀) - A ReactJS component that creates a pagination. MIT
- react-autosuggest (🥉32 · ⭐ 6K · 💀) - WAI-ARIA compliant React autosuggest component. MIT
- react-split-pane (🥉32 · ⭐ 3.2K · 💀) - React split-pane component. MIT
- react-youtube (🥉31 · ⭐ 1.8K · 💀) - react.js powered YouTube player component. MIT
- react-copy-to-clipboard (🥉30 · ⭐ 2.3K · 💀) - Copy-to-clipboard React component. MIT
- react-contenteditable (🥉29 · ⭐ 1.6K · 💀) - 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 Flow Chart (🥉27 · ⭐ 1.5K · 💀) - A flexible, stateless, declarative flow chart library for.. MIT
- React Lazylog (🥉23 · ⭐ 290 · 💀) - React Lazy Logviewer. MPL-2.0
- React Ansi (🥉13 · ⭐ 42 · 💀) - A foldable and searchable ansi log viewer for React. MIT
## Others
preact (🥇45 · ⭐ 36K) - Fast 3kB React alternative with the same modern API. Components & Virtual.. MIT
- [GitHub](https://github.com/preactjs/preact) (👨💻 330 · 🔀 1.9K · 📥 1.6K · 📦 550K · 📋 1.9K - 11% open · ⏱️ 02.06.2024):
```
git clone https://github.com/preactjs/preact
```
- [npm](https://www.npmjs.com/package/preact) (📥 16M / month · 📦 5.8K · ⏱️ 15.05.2024):
```
npm install preact
```
react-use (🥇41 · ⭐ 41K) - React Hooks. Unlicense
- [GitHub](https://github.com/streamich/react-use) (👨💻 190 · 🔀 3.1K · 📦 90K · 📋 820 - 70% open · ⏱️ 22.01.2024):
```
git clone https://github.com/streamich/react-use
```
- [npm](https://www.npmjs.com/package/react-use) (📥 7.3M / month · 📦 3.4K · ⏱️ 22.01.2024):
```
npm install react-use
```
react-icons (🥈40 · ⭐ 11K) - svg react icons of popular icon packs. MIT
- [GitHub](https://github.com/react-icons/react-icons) (👨💻 99 · 🔀 720 · 📥 260K · 📦 2.6M · 📋 600 - 31% open · ⏱️ 07.05.2024):
```
git clone https://github.com/react-icons/react-icons
```
- [npm](https://www.npmjs.com/package/react-icons) (📥 9.1M / month · 📦 10K · ⏱️ 07.05.2024):
```
npm install react-icons
```
FluidFramework (🥈35 · ⭐ 4.6K) - Library for building distributed, real-time collaborative web.. MIT
- [GitHub](https://github.com/microsoft/FluidFramework) (👨💻 260 · 🔀 520 · 📥 1.5K · 📦 440 · 📋 3.4K - 4% open · ⏱️ 06.06.2024):
```
git clone https://github.com/microsoft/FluidFramework
```
- [npm](https://www.npmjs.com/package/@fluidframework/eslint-config-fluid) (📥 6.1K / month · 📦 180 · ⏱️ 27.04.2024):
```
npm install @fluidframework/eslint-config-fluid
```
react-syntax-highlighter (🥈34 · ⭐ 3.9K · 💤) - syntax highlighting component for react with prismjs.. MIT
- [GitHub](https://github.com/react-syntax-highlighter/react-syntax-highlighter) (👨💻 63 · 🔀 270 · 📦 190K · 📋 320 - 39% open · ⏱️ 20.10.2023):
```
git clone https://github.com/react-syntax-highlighter/react-syntax-highlighter
```
- [npm](https://www.npmjs.com/package/react-syntax-highlighter) (📥 9.7M / month · 📦 3.3K · ⏱️ 14.03.2022):
```
npm install react-syntax-highlighter
```
diegomura/react-pdf (🥉33 · ⭐ 14K) - Create PDF files using React. MIT
- [GitHub](https://github.com/diegomura/react-pdf) (👨💻 120 · 🔀 1.1K · 📦 7 · 📋 1.8K - 27% open · ⏱️ 17.05.2024):
```
git clone https://github.com/diegomura/react-pdf
```
- [npm](https://www.npmjs.com/package/@react-pdf/png-js) (📥 2.3M / month · 📦 45 · ⏱️ 06.02.2024):
```
npm install @react-pdf/png-js
```
sql.js (🥉33 · ⭐ 12K) - A javascript library to run SQLite on the web. MIT
- [GitHub](https://github.com/sql-js/sql.js) (👨💻 51 · 🔀 1K · 📥 34K · 📦 7.7K · 📋 440 - 28% open · ⏱️ 14.04.2024):
```
git clone https://github.com/sql-js/sql.js
```
- [npm](https://www.npmjs.com/package/sql.js) (📥 190K / month · 📦 720 · ⏱️ 14.04.2024):
```
npm install sql.js
```
liveblocks (🥉33 · ⭐ 3.1K) - Liveblocks is a platform to ship collaborative features like.. Apache-2
- [GitHub](https://github.com/liveblocks/liveblocks) (👨💻 29 · 🔀 240 · 📦 2.5K · 📋 260 - 29% open · ⏱️ 05.06.2024):
```
git clone https://github.com/liveblocks/liveblocks
```
- [npm](https://www.npmjs.com/package/@liveblocks/react) (📥 120K / month · 📦 13 · ⏱️ 05.06.2024):
```
npm install @liveblocks/react
```
iconify (🥉32 · ⭐ 4K) - Universal icon framework. One syntax for FontAwesome, Material Design.. MIT
- [GitHub](https://github.com/iconify/iconify) (👨💻 22 · 🔀 110 · 📦 57K · 📋 240 - 4% open · ⏱️ 31.05.2024):
```
git clone https://github.com/iconify/iconify
```
- [npm](https://www.npmjs.com/package/iconify) (📥 8.7K / month · 📦 25 · ⏱️ 13.01.2022):
```
npm install iconify
```
reactfire (🥉30 · ⭐ 3.5K · 💤) - Hooks, Context Providers, and Components that make it easy to.. MIT
- [GitHub](https://github.com/FirebaseExtended/reactfire) (👨💻 67 · 🔀 420 · 📥 1K · 📦 6.7K · 📋 250 - 23% open · ⏱️ 03.08.2023):
```
git clone https://github.com/FirebaseExtended/reactfire
```
- [npm](https://www.npmjs.com/package/reactfire) (📥 44K / month · 📦 28 · ⏱️ 03.08.2023):
```
npm install reactfire
```
bulletproof-react (🥉22 · ⭐ 25K) - A simple, scalable, and powerful architecture for building.. MIT
- [GitHub](https://github.com/alan2207/bulletproof-react) (👨💻 39 · 🔀 2.3K · 📦 1 · 📋 91 - 27% open · ⏱️ 23.05.2024):
```
git clone https://github.com/alan2207/bulletproof-react
```
alright react app (🥉12 · ⭐ 140) - Professional React app generator. Comes with an exposed,.. ISC
- [GitHub](https://github.com/DoneDeal0/alright-react-app) (👨💻 5 · 🔀 8 · 📦 3 · 📋 3 - 33% open · ⏱️ 06.02.2024):
```
git clone https://github.com/DoneDeal0/alright-react-app
```
- [npm](https://www.npmjs.com/package/alright-react-app) (📥 100 / month · 📦 3 · ⏱️ 06.02.2024):
```
npm install alright-react-app
```
Show 5 hidden projects...
- Remotion (🥈39 · ⭐ 19K) - Make videos programmatically with React. ❗️ICU
- react-helmet (🥈36 · ⭐ 17K · 💀) - A document head manager for React. MIT
- aframe (🥉29 · ⭐ 16K · 💀) - Building Blocks for the VR Web. MIT
- mozaik (🥉22 · ⭐ 3.6K · 💀) - Mozak is a tool based on nodejs / react / redux / nivo / d3 to easily.. MIT
- datav (🥉20 · ⭐ 3.7K) - Observe any stack, any service and any data, using any UI.. ❗Unlicensed
---
## Related Resources
- [**Best-of lists**](https://best-of.org): Discover other best-of lists with awesome open-source projects on all kinds of topics.
- [**Front-End-Checklist**](https://github.com/thedaviddias/Front-End-Checklist): The perfect Front-End Checklist for modern websites and meticulous developers.
- [**Awesome React**](https://github.com/enaqx/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](https://github.com/LukasMasuch/best-of-react/issues/new/choose) and fill in the requested information.
- Modify the [projects.yaml](https://github.com/LukasMasuch/best-of-react/blob/main/projects.yaml) with your additions or changes, and submit a pull request. This can also be done directly via the [Github UI](https://github.com/LukasMasuch/best-of-react/edit/main/projects.yaml).
If you like to contribute to or share suggestions regarding the project metadata collection or markdown generation, please refer to the [best-of-generator](https://github.com/best-of-lists/best-of-generator) repository. If you like to create your own best-of list, we recommend to follow [this guide](https://github.com/best-of-lists/best-of/blob/main/create-best-of-list.md).
For more information on how to add or update projects, please read the [contribution guidelines](https://github.com/LukasMasuch/best-of-react/blob/main/CONTRIBUTING.md). By participating in this project, you agree to abide by its [Code of Conduct](https://github.com/LukasMasuch/best-of-react/blob/main/.github/CODE_OF_CONDUCT.md).
## License
[](https://creativecommons.org/licenses/by-sa/4.0/)