From b393c407c8a718b242e3bacf384f3a12d0fbf7d4 Mon Sep 17 00:00:00 2001 From: George Bardi Date: Tue, 13 Aug 2019 19:08:24 +0300 Subject: [PATCH 001/373] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 95feac4..e5b00ae 100644 --- a/README.md +++ b/README.md @@ -707,6 +707,7 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [redux-auth-patch](https://github.com/lynndylanhurley/redux-auth) - Complete token authentication system for react + redux that supports isomorphic rendering. - [redux-search](https://github.com/treasure-data/redux-search) - Redux bindings for client-side search. - [tcomb-react](https://github.com/gcanti/tcomb-react) - Alternative syntax for PropTypes. +- [react-find](https://github.com/geobde/react-find) - ⚛️ Elegant, accessible search component for React. ## Utilities From ed600a083a959869044eda6306e8d3ae48d9e4a6 Mon Sep 17 00:00:00 2001 From: David Yan Date: Wed, 28 Aug 2019 06:09:46 -0700 Subject: [PATCH 002/373] Add react-storage-hoc --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 9657802..825da07 100644 --- a/README.md +++ b/README.md @@ -31,7 +31,6 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [react-data-components](https://github.com/carlosrocha/react-data-components) - React components for sorting, filtering and pagination of data. - [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid. - [react-pivot](https://github.com/davidguttman/react-pivot) - Data-grid component with pivot-table-like for data display, filtering, and exploration. -- [reactable](https://github.com/glittershark/reactable) - Fast, flexible, and simple data tables in React. - [reactabular](https://github.com/reactabular/reactabular) - Spectacular tables for React. - [sematable](https://github.com/sematext/sematable) - Client side sorting, pagination, and text filter for redux/react based apps. - [shineout](https://github.com/sheinsight/shineout) - [demo](https://shine.wiki/1.3.x/en/components/Table#heading-08-bigdata) - A comprehensive solution for complicated/big-data table. @@ -592,6 +591,7 @@ _Data flow / data management / data stores / components state / data flow_ - [react-i13n](https://github.com/yahoo/react-i13n) - A performant, scalable and pluggable approach to instrumenting your React application. - [react-redux-provide](https://github.com/loggur/react-redux-provide) - Bridges the gap between Redux and the declarative nature of GraphQL/Relay. - [react-redux](https://github.com/reactjs/react-redux) - Official React bindings for Redux. +- [react-storage-hoc](https://github.com/yandavid/react-storage-hoc) - [demo](https://codesandbox.io/s/c0hxj?module=/src/App.js) - Higher-order components for working with localStorage and sessionStorage. - [recompose](https://github.com/acdlite/recompose) - A React utility belt for function components and higher-order components. - [redux-batched-actions](https://github.com/tshelburne/redux-batched-actions) - Reducer + action to reduce actions under a single subscriber notification. - [redux-batched-subscribe](https://github.com/tappleby/redux-batched-subscribe) - Store enhancer for which allows batching subscribe notifications. From a4f84c727ff52eda5464f68cf548d615bcb7deb1 Mon Sep 17 00:00:00 2001 From: Josh Kuttler <35892475+JoshK2@users.noreply.github.com> Date: Sun, 8 Sep 2019 00:28:23 +0300 Subject: [PATCH 003/373] Add react-spinners-css --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 825da07..62ade76 100644 --- a/README.md +++ b/README.md @@ -111,6 +111,7 @@ _Loaders / spinners / progress bars — Let the user know that something is load - [react-progress-label](https://github.com/wangzuo/react-progress-label) - Progress label component. - [react-redux-loading-bar](https://github.com/mironov/react-redux-loading-bar) - Simple Loading Bar for Redux and React. - [react-spinkit](https://github.com/KyleAMathews/react-spinkit) - A collection of loading indicators animated with CSS for React. +- [react-spinners-css](https://github.com/JoshK2/react-spinners-css) - Amazing collection of react spinners components. ### Carousel From 88a8ca64a4ae6331e071c0e22c0f8024706ceef2 Mon Sep 17 00:00:00 2001 From: Alessio Fanelli Date: Thu, 12 Sep 2019 14:21:12 -0400 Subject: [PATCH 004/373] Update Chart.js to new active repo react-chartjs is archived, react-chartjs-2 should be used moving forward. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 62ade76..de6f42b 100644 --- a/README.md +++ b/README.md @@ -131,7 +131,7 @@ _Display data in charts / graphs / diagrams_ - [chartify](https://github.com/kirillstepkin/chartify) - React.js plugin for building animated draggable and customizable charts. - [essential js 2 charts](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/charts) - Beautiful and interactive charts & graphs for react. - [react-chartist](https://github.com/fraserxu/react-chartist) - React component for Chartist.js. -- [react-chartjs](https://github.com/reactjs/react-chartjs) - Common react charting components using chart.js. +- [react-chartjs-2](https://github.com/jerairrest/react-chartjs-2) - Common react charting components using Chart.js 2.0. - [react-d3-components](https://github.com/codesuki/react-d3-components) - D3 Components for React. - [react-dazzle](https://github.com/Raathigesh/Dazzle) - Dashboards made easy in React JS. - [react-google-charts](https://github.com/RakanNimer/react-google-charts) - React-google-charts React component. From 372ce773698ad8b5e7a2c0804a20c5204b28cf6c Mon Sep 17 00:00:00 2001 From: simonguo Date: Sat, 14 Sep 2019 09:53:55 +0800 Subject: [PATCH 005/373] Added rsuite-table --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index de6f42b..6f03cf0 100644 --- a/README.md +++ b/README.md @@ -32,6 +32,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid. - [react-pivot](https://github.com/davidguttman/react-pivot) - Data-grid component with pivot-table-like for data display, filtering, and exploration. - [reactabular](https://github.com/reactabular/reactabular) - Spectacular tables for React. +- [rsuite-table](https://github.com/rsuite/rsuite-table) - [demo/docs](http://rsuite.github.io/rsuite-table/) - A table component that supports virtualized. - [sematable](https://github.com/sematext/sematable) - Client side sorting, pagination, and text filter for redux/react based apps. - [shineout](https://github.com/sheinsight/shineout) - [demo](https://shine.wiki/1.3.x/en/components/Table#heading-08-bigdata) - A comprehensive solution for complicated/big-data table. From ee9058a848e85c25bb4400c27a96f07ca0fc27ec Mon Sep 17 00:00:00 2001 From: simonguo Date: Sat, 14 Sep 2019 10:01:57 +0800 Subject: [PATCH 006/373] Added rsuite --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index de6f42b..126af3b 100644 --- a/README.md +++ b/README.md @@ -475,6 +475,7 @@ _Set of components + responsive layout system_ - [react-foundation](https://github.com/nordsoftware/react-foundation) - Foundation as React components. - [react-uikit-components](https://github.com/otissv/react-uikit-components) - React UIkit Components for the UIKit CSS framework. - [rebass](https://github.com/jxnblk/rebass) - Configurable React Stateless Functional UI Components. +- [rsuite](https://github.com/rsuite/rsuite) - [demo/docs](https://rsuitejs.com/) - A suite of React components. - [searchkit](https://github.com/searchkit/searchkit) - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch. - [semantic-ui-react](https://github.com/Semantic-Org/Semantic-UI-React) - The official Semantic-UI-React integration. From 8ee3e8ddc99b8d2cc119c1d61e5d50228bc927d3 Mon Sep 17 00:00:00 2001 From: Richard Hulse <30732+rhulse@users.noreply.github.com> Date: Tue, 17 Sep 2019 18:48:35 +1200 Subject: [PATCH 007/373] Add Pure React Carousel --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 947978c..7e88a46 100644 --- a/README.md +++ b/README.md @@ -116,6 +116,7 @@ _Loaders / spinners / progress bars — Let the user know that something is load ### Carousel +- [pure-react-carousel](https://github.com/express-labs/pure-react-carousel) - Built from scratch and not highly opinionated. - [react-id-swiper](https://github.com/kidjp85/react-id-swiper) - A library to use idangerous Swiper as a ReactJs component - [react-responsive-carousel](https://github.com/leandrowd/react-responsive-carousel) - React.js Responsive Carousel (with Swipe). - [react-slick](https://github.com/akiran/react-slick) - React carousel component. From 27c1e10f8f5c947aee7acefc87e9f1dcc39cf50b Mon Sep 17 00:00:00 2001 From: Toni Fisler Date: Tue, 17 Sep 2019 10:46:46 +0200 Subject: [PATCH 008/373] remove redux-ui, repo is archived --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 7e88a46..9b59d5f 100644 --- a/README.md +++ b/README.md @@ -599,7 +599,6 @@ _Data flow / data management / data stores / components state / data flow_ - [recompose](https://github.com/acdlite/recompose) - A React utility belt for function components and higher-order components. - [redux-batched-actions](https://github.com/tshelburne/redux-batched-actions) - Reducer + action to reduce actions under a single subscriber notification. - [redux-batched-subscribe](https://github.com/tappleby/redux-batched-subscribe) - Store enhancer for which allows batching subscribe notifications. -- [redux-ui](https://github.com/tonyhb/redux-ui) - Easy UI state management for react redux. - [redux](https://github.com/reactjs/redux) - Predictable state container for JavaScript apps. - [reflux](https://github.com/reflux/refluxjs) - A simple library for uni-directional dataflow application architecture with React extensions inspired by Flux. - [reselect](https://github.com/reactjs/reselect) - Selector library for Redux. From 5d40d0af9fb6602a31f22fd7327b20c860f80c1f Mon Sep 17 00:00:00 2001 From: Aleksandr Telegin <99ff00@gmail.com> Date: Tue, 24 Sep 2019 10:19:30 +0100 Subject: [PATCH 009/373] Added react-charty --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 8032598..6c85bf4 100644 --- a/README.md +++ b/README.md @@ -132,11 +132,11 @@ _Display data in charts / graphs / diagrams_ - [essential js 2 charts](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/charts) - Beautiful and interactive charts & graphs for react. - [react-chartist](https://github.com/fraserxu/react-chartist) - React component for Chartist.js. - [react-chartjs](https://github.com/reactjs/react-chartjs) - Common react charting components using chart.js. +- [react-charty](https://github.com/99ff00/react-charty) - Small but powerful interactive data viz with multiple chart types, animations, zooming, theming and a wide variety of supported browsers. - [react-d3-components](https://github.com/codesuki/react-d3-components) - D3 Components for React. - [react-dazzle](https://github.com/Raathigesh/Dazzle) - Dashboards made easy in React JS. - [react-google-charts](https://github.com/RakanNimer/react-google-charts) - React-google-charts React component. - [react-highcharts](https://github.com/kirjs/react-highcharts) - React-highcharts. -- [react-micro-bar-chart](https://github.com/KyleAMathews/react-micro-bar-chart) - React component for micro bar-charts rendered with D3. - [react-sigmajs](https://github.com/dunnock/react-sigma) - Lightweight but powerful library for drawing network graphs built on top of SigmaJS. - [react-sparkline](https://github.com/KyleAMathews/react-sparkline) - React component for rendering simple sparklines. - [react-sparklines](https://github.com/borisyankov/react-sparklines) - Beautiful and expressive Sparklines React component. From e122ef5151c12edd8fbe3b3b10bf0e749eac2ed2 Mon Sep 17 00:00:00 2001 From: Aleksandr Telegin <99ff00@gmail.com> Date: Tue, 24 Sep 2019 14:35:48 +0100 Subject: [PATCH 010/373] Add demo link --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 6c85bf4..0848390 100644 --- a/README.md +++ b/README.md @@ -132,7 +132,7 @@ _Display data in charts / graphs / diagrams_ - [essential js 2 charts](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/charts) - Beautiful and interactive charts & graphs for react. - [react-chartist](https://github.com/fraserxu/react-chartist) - React component for Chartist.js. - [react-chartjs](https://github.com/reactjs/react-chartjs) - Common react charting components using chart.js. -- [react-charty](https://github.com/99ff00/react-charty) - Small but powerful interactive data viz with multiple chart types, animations, zooming, theming and a wide variety of supported browsers. +- [react-charty](https://github.com/99ff00/react-charty) - [demo](https://99ff00.github.io/react-charty/) - Small but powerful interactive data viz with multiple chart types, animations, zooming, theming and a wide variety of supported browsers. - [react-d3-components](https://github.com/codesuki/react-d3-components) - D3 Components for React. - [react-dazzle](https://github.com/Raathigesh/Dazzle) - Dashboards made easy in React JS. - [react-google-charts](https://github.com/RakanNimer/react-google-charts) - React-google-charts React component. From 454261cbea2fa13baed31b0b9968832497b92229 Mon Sep 17 00:00:00 2001 From: Olivier Tassinari Date: Sun, 29 Sep 2019 20:20:42 +0200 Subject: [PATCH 011/373] detail some of the components available in the frameworks --- README.md | 20 +++++++++++++------- 1 file changed, 13 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index b0f6b72..753ba39 100644 --- a/README.md +++ b/README.md @@ -70,7 +70,6 @@ _Toaster / snackbar — Notify the user with a modeless temporary little popup_ ### Tooltip -- [rc-tooltip](https://github.com/react-component/tooltip) - React Tooltip. - [react-portal-tooltip](https://github.com/romainberger/react-portal-tooltip) - Awesome React tooltips. - [react-tooltip](https://github.com/wwayne/react-tooltip) - React tooltip component. @@ -78,7 +77,6 @@ _Toaster / snackbar — Notify the user with a modeless temporary little popup_ _Menus / sidebars_ -- [rc-menu](https://github.com/react-component/menu) - React Menu. - [react-burger-menu](https://github.com/negomi/react-burger-menu) - An off-canvas sidebar with effects and styles. - [react-contextmenu](https://github.com/vkbansal/react-contextmenu) - Context Menu implemented in React. - [react-metismenu](https://github.com/alpertuna/react-metismenu) - A ready-to-use menu component for React. @@ -102,7 +100,7 @@ _Fixed headers / scroll-up headers / sticky elements_ _Loaders / spinners / progress bars — Let the user know that something is loading_ -- [rc-progress](https://github.com/react-component/progress) - React Progress Bar. + - [react-block-ui](https://github.com/availity/react-block-ui) - Easy way to block the user from interacting with your UI. - [react-ladda](https://github.com/jsdir/react-ladda) - React wrapper for Ladda buttons. - [react-loader](https://github.com/TheCognizantFoundry/react-loader) - React component that displays a spinner via spin.js until your component is loaded. @@ -255,7 +253,6 @@ _Let the user enter data_ _Date picker / time picker / datetime picker / date range picker_ - [input-moment](https://github.com/wangzuo/input-moment) - React datetime picker powered by momentjs. -- [rc-calendar](https://github.com/react-component/calendar) - React Calendar. - [react-big-calendar](https://github.com/intljusticemission/react-big-calendar) - Gcal/outlook like calendar component. - [react-calendar](https://github.com/freiksenet/react-calendar) - A modular toolkit to build calendar-related things in React. - [react-date-range](https://github.com/Adphorus/react-date-range) - A React component for choosing dates and date ranges. @@ -308,7 +305,6 @@ _Autosuggest / autocomplete / typeahead_ #### Slider -- [rc-slider](https://github.com/react-component/slider) - React Slider. - [react-slider](https://github.com/mpowaga/react-slider) - Slider component for React. #### Radio Button @@ -432,7 +428,6 @@ _Animate transitions_ - [animakit-expander](https://github.com/animakit/animakit-expander) - AnimakitExpander - React component for the expanding and collapsing of the blocks. - [animakit-rotator](https://github.com/animakit/animakit-rotator) - AnimakitRotator - React component for the 3D rotation of the blocks. - [data-driven-motion](https://github.com/tkh44/data-driven-motion) - Easily animate your data in react. -- [rc-animate](https://github.com/react-component/animate) - Anim react element easily. - [react-anime](https://github.com/stelatech/react-anime) - A super easy animation library for React. - [react-flip-move](https://github.com/joshwcomeau/react-flip-move) - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique. - [react-gsap-enhancer](https://github.com/azazdeaz/react-gsap-enhancer) - Use the full power of React and GSAP together. @@ -463,6 +458,12 @@ _Animate transitions_ _Set of components + responsive layout system_ - 🚀 [ant-design](https://github.com/ant-design/ant-design) - [demo/docs](https://ant.design/docs/react/introduce) - A UI Design Language. + - [rc-tooltip](https://github.com/react-component/tooltip) - React Tooltip. + - [rc-menu](https://github.com/react-component/menu) - React Menu. + - [rc-animate](https://github.com/react-component/animate) - Anim react element easily. + - [rc-slider](https://github.com/react-component/slider) - React Slider. + - [rc-calendar](https://github.com/react-component/calendar) - React Calendar. + - [rc-progress](https://github.com/react-component/progress) - React Progress Bar. - [atlaskit](https://atlaskit.atlassian.com/packages) - Atlassian's official UI library. _(Please... no more Jira though 😉)_ - [belle](https://github.com/nikgraf/belle) - Configurable React Components with great UX. - [blueprint](https://github.com/palantir/blueprint) - [demo](https://blueprintjs.com/) - [docs](https://blueprintjs.com/docs/) - UI toolkit for the web. @@ -483,7 +484,12 @@ _Set of components + responsive layout system_ #### Material Design -- 🚀 [material-ui](https://github.com/mui-org/material-ui) - React Components that Implement Google's Material Design. (But possibly [bloated](https://hackernoon.com/how-i-made-my-react-app-4-times-faster-7b929479cac4).) +- 🚀 [Material-UI](https://github.com/mui-org/material-ui) - React components for faster and easier web development. Build your own design system, or start with Material Design. + - [Modal](https://material-ui.com/components/modal/) - Accessible modal dialog component for React. + - [Icons](https://material-ui.com/components/material-icons/) - 1,000+ SVG material icons. + - [Slider](https://material-ui.com/components/slider/) - Accessible slider component for React. + - [Autocomplete](https://material-ui.com/components/tree-view/) - Accessible autocomplete, combobox, multiselect component for React. + - [Tree View](https://material-ui.com/components/tree-view/) - Accessible tree view component for React. - [OnsenUI](https://github.com/OnsenUI/OnsenUI/) - [demo/docs](https://onsen.io/v2/guide/react/) - Mobile app development framework. - [react-essence](https://github.com/Evo-Forge/Essence) - Essence - The Essential Material Design Framework. - [react-materialize](https://github.com/react-materialize/react-materialize) - Material design for react, powered by materializecss. From 2674caecdd47a59c0f6ee0a3ffe5a647f649fb66 Mon Sep 17 00:00:00 2001 From: Gergely Nemeth Date: Tue, 1 Oct 2019 11:35:51 -0700 Subject: [PATCH 012/373] Add Base Web --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 753ba39..bfaf2f1 100644 --- a/README.md +++ b/README.md @@ -465,6 +465,7 @@ _Set of components + responsive layout system_ - [rc-calendar](https://github.com/react-component/calendar) - React Calendar. - [rc-progress](https://github.com/react-component/progress) - React Progress Bar. - [atlaskit](https://atlaskit.atlassian.com/packages) - Atlassian's official UI library. _(Please... no more Jira though 😉)_ +- [base web](https://baseweb.design) - Base Web is a foundation for initiating, evolving, and unifying web products. - [belle](https://github.com/nikgraf/belle) - Configurable React Components with great UX. - [blueprint](https://github.com/palantir/blueprint) - [demo](https://blueprintjs.com/) - [docs](https://blueprintjs.com/docs/) - UI toolkit for the web. - [carbon](https://github.com/carbon-design-system/carbon) - [demo/docs](https://www.carbondesignsystem.com/) - A design system built by IBM. _(Wait, since when are IBM known for design?? 🎨)_ From 97834990e5cebfcb70bd5948ad6da3f3cf2dff20 Mon Sep 17 00:00:00 2001 From: Nathan Devereux Date: Fri, 4 Oct 2019 21:57:34 +1300 Subject: [PATCH 013/373] Correct formsy link --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index bfaf2f1..8f2b735 100644 --- a/README.md +++ b/README.md @@ -615,7 +615,7 @@ _Data flow / data management / data stores / components state / data flow_ - [formcat](https://github.com/guilouro/formcat) - A simple and easy way to control forms in React using the React Context API - [formik](https://github.com/jaredpalmer/formik) - Build forms without tears and supports Validation in ease. -- [formsy-react](https://github.com/christianalfoni/formsy-react) - A form input builder and validator for React JS. +- [formsy-react](https://github.com/formsy/formsy-react/) - A form input builder and validator for React JS. - [newforms](https://github.com/insin/newforms) - INACTIVE] Isomorphic form-handling for React. - [plexus-form](https://github.com/AppliedMathematicsANU/plexus-form) - A dynamic form component for react using JSON-Schema. - [react-jsonschema-form](https://github.com/mozilla-services/react-jsonschema-form) - A React component for building Web forms from JSONSchema. From bbcba2b64ad7ed30b46fa46b09684edb043f4b8d Mon Sep 17 00:00:00 2001 From: chenyueban Date: Sat, 5 Oct 2019 12:51:31 +0800 Subject: [PATCH 014/373] Added fluent-ui --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 8f2b735..3cfa4f4 100644 --- a/README.md +++ b/README.md @@ -482,6 +482,7 @@ _Set of components + responsive layout system_ - [rsuite](https://github.com/rsuite/rsuite) - [demo/docs](https://rsuitejs.com/) - A suite of React components. - [searchkit](https://github.com/searchkit/searchkit) - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch. - [semantic-ui-react](https://github.com/Semantic-Org/Semantic-UI-React) - The official Semantic-UI-React integration. +- [fluent-ui](https://github.com/fluent-org/fluent-ui) - [demo/docs](https://fluent-ui.com/) - 🌈 React components that inspired by Microsoft's Fluent Design System. #### Material Design From 0f3b805a89fe2da086ba36685d9d8ac99189b95c Mon Sep 17 00:00:00 2001 From: Kenneth Palaganas Date: Thu, 10 Oct 2019 08:36:52 +0800 Subject: [PATCH 015/373] Add react-payment-inputs --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 3cfa4f4..be1c314 100644 --- a/README.md +++ b/README.md @@ -271,6 +271,7 @@ _Date picker / time picker / datetime picker / date range picker_ _Masked inputs, specialized inputs; email / telephone number / credit card / etc._ - [react-credit-cards](https://github.com/amarofashion/react-credit-cards) - Beautiful credit cards for your payment forms. +- [react-payment-inputs](https://github.com/medipass/react-payment-inputs) - [demo](https://medipass.github.io/react-payment-inputs/?path=/story/usepaymentinputs--basic-no-styles) - A zero-dependency container to help with payment card input fields. - [react-input-mask](https://github.com/sanniassin/react-input-mask) - Yet another react component for input masking. - [react-maskedinput](https://github.com/insin/react-maskedinput) - Masked <input/> React component. - [react-text-mask](https://github.com/msafi/text-mask) - Input mask for React, Angular, and vanilla JavaScript. Flexible, robust & tiny. From b39ca2efa33746a1ef0fe6fa19d9d394f389e39f Mon Sep 17 00:00:00 2001 From: Bill Date: Thu, 10 Oct 2019 22:20:58 +1100 Subject: [PATCH 016/373] Include react hook form for form logic --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index be1c314..d8d3942 100644 --- a/README.md +++ b/README.md @@ -620,6 +620,7 @@ _Data flow / data management / data stores / components state / data flow_ - [formsy-react](https://github.com/formsy/formsy-react/) - A form input builder and validator for React JS. - [newforms](https://github.com/insin/newforms) - INACTIVE] Isomorphic form-handling for React. - [plexus-form](https://github.com/AppliedMathematicsANU/plexus-form) - A dynamic form component for react using JSON-Schema. +- [react-hook-form](https://github.com/react-hook-form/react-hook-form) - React hooks for form validation without the hassle. - [react-jsonschema-form](https://github.com/mozilla-services/react-jsonschema-form) - A React component for building Web forms from JSONSchema. - [react-redux-form](https://github.com/davidkpiano/react-redux-form) - Create forms easily in React with Redux. - [react-validation-mixin](https://github.com/jurassix/react-validation-mixin) - Simple validation mixin (HoC) for React. From 86b22a8fa4010ce65c5c5cb30aaf3bfd2ce87602 Mon Sep 17 00:00:00 2001 From: Bill Date: Fri, 11 Oct 2019 07:48:10 +1100 Subject: [PATCH 017/373] Update README.md --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index d8d3942..93f0ba6 100644 --- a/README.md +++ b/README.md @@ -618,7 +618,6 @@ _Data flow / data management / data stores / components state / data flow_ - [formcat](https://github.com/guilouro/formcat) - A simple and easy way to control forms in React using the React Context API - [formik](https://github.com/jaredpalmer/formik) - Build forms without tears and supports Validation in ease. - [formsy-react](https://github.com/formsy/formsy-react/) - A form input builder and validator for React JS. -- [newforms](https://github.com/insin/newforms) - INACTIVE] Isomorphic form-handling for React. - [plexus-form](https://github.com/AppliedMathematicsANU/plexus-form) - A dynamic form component for react using JSON-Schema. - [react-hook-form](https://github.com/react-hook-form/react-hook-form) - React hooks for form validation without the hassle. - [react-jsonschema-form](https://github.com/mozilla-services/react-jsonschema-form) - A React component for building Web forms from JSONSchema. From 61877dd43143e6fc5a1c84ff3f8835a3abbcc2ba Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Salvatore=20Ravid=C3=A0?= Date: Fri, 11 Oct 2019 02:25:50 +0200 Subject: [PATCH 018/373] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 93f0ba6..9bdeaac 100644 --- a/README.md +++ b/README.md @@ -641,6 +641,7 @@ _Data flow / data management / data stores / components state / data flow_ - [redux-router](https://github.com/acdlite/redux-router) - Redux bindings for React Router – keep your router state inside your Redux store. - [rrtr](https://github.com/taion/rrtr) - A complete routing solution for React.js. - [universal-router](https://github.com/kriasoft/universal-router) - A simple middleware-style router for isomorphic JavaScript web apps. +- [redux-first-history](https://github.com/salvoravida/redux-first-history) - Redux First History - Redux history binding support react-router - @reach/router - wouter ### Props from server From b264a43951d42858234c00949f5cabd8db89078c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Salvatore=20Ravid=C3=A0?= Date: Fri, 11 Oct 2019 11:28:26 +0200 Subject: [PATCH 019/373] Update README.md --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 9bdeaac..1af7443 100644 --- a/README.md +++ b/README.md @@ -635,7 +635,6 @@ _Data flow / data management / data stores / components state / data flow_ - [monorouter](https://github.com/matthewwithanm/monorouter) - An isomorphic JS router. - [react-breadcrumbs](https://github.com/svenanders/react-breadcrumbs) - Automatic breadcrumbs for React-Router. - [react-router-component](https://github.com/STRML/react-router-component) - Declarative router component for React. -- [react-router-redux](https://github.com/reactjs/react-router-redux) - Ruthlessly simple bindings to keep react-router and redux in sync. - [react-router-scroll](https://github.com/taion/react-router-scroll) - React Router scroll management. - [react-router](https://github.com/reactjs/react-router) - A complete routing library for React. - [redux-router](https://github.com/acdlite/redux-router) - Redux bindings for React Router – keep your router state inside your Redux store. From be334aa8c43818dc8c63b1d85f98738d17d09b7c Mon Sep 17 00:00:00 2001 From: Marko Kosir Date: Fri, 11 Oct 2019 21:53:55 +0200 Subject: [PATCH 020/373] add react-hook-mighty-mouse --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 93f0ba6..3d3eb85 100644 --- a/README.md +++ b/README.md @@ -560,6 +560,7 @@ _Turn user input into actions_ #### Mouse Events - [react-aim](https://github.com/gabrielbull/react-aim) - Determine the cursor aim for triggering mouse events. +- [react-hook-mighty-mouse](https://github.com/mkosir/react-hook-mighty-mouse) - [demo](https://mkosir.github.io/react-hook-mighty-mouse) - Hook that tracks mouse events on selected element. ### Meta Tags @@ -639,7 +640,6 @@ _Data flow / data management / data stores / components state / data flow_ - [react-router-scroll](https://github.com/taion/react-router-scroll) - React Router scroll management. - [react-router](https://github.com/reactjs/react-router) - A complete routing library for React. - [redux-router](https://github.com/acdlite/redux-router) - Redux bindings for React Router – keep your router state inside your Redux store. -- [rrtr](https://github.com/taion/rrtr) - A complete routing solution for React.js. - [universal-router](https://github.com/kriasoft/universal-router) - A simple middleware-style router for isomorphic JavaScript web apps. ### Props from server From c827dce329fc70af73b362956ba978de70c471ff Mon Sep 17 00:00:00 2001 From: Lucas Ruy Date: Fri, 11 Oct 2019 17:49:59 -0300 Subject: [PATCH 021/373] feat: added react-spring to README.md file --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 93f0ba6..16733b9 100644 --- a/README.md +++ b/README.md @@ -437,6 +437,7 @@ _Animate transitions_ - [react-motion](https://github.com/chenglou/react-motion) - A spring that solves your animation problems. - [react-mt-svg-lines](https://github.com/moarwick/react-mt-svg-lines) - A React.js wrapper component to animate the line stroke in SVGs. - [react-router-transition](https://github.com/maisano/react-router-transition) - Transitions built for react-router, powered by react-motion. +- [react-spring](https://github.com/react-spring/react-spring) - A spring physics based React animation library. - [react-spark-scroll](https://github.com/gilbox/react-spark-scroll) - Scroll-based actions and animations for react. - [react-track](https://github.com/gilbox/react-track) - Track the position of DOM elements. Create cool animations. - [react-transitive-number](https://github.com/Lapple/react-transitive-number) - React component to apply transition effect to numeric strings, a la old Groupon timers. From 1801ea98cd0e3120de9f4b83ec4eeae46fc0125f Mon Sep 17 00:00:00 2001 From: Lucas Ruy Date: Fri, 11 Oct 2019 17:50:52 -0300 Subject: [PATCH 022/373] chore: removed react-svg-buttons for inactivity in repository --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 16733b9..b156713 100644 --- a/README.md +++ b/README.md @@ -240,7 +240,6 @@ _Display parsed markdow source_ - [react-resizable-and-movable](https://github.com/bokuweb/react-resizable-and-movable) - Resizable and movable component for React. - [react-resizable-box](https://github.com/bokuweb/react-resizable-box) - Resizable component for React. #reactjs. - [react-split-pane](https://github.com/tomkp/react-split-pane) - React split-pane component. -- [react-svg-buttons](https://github.com/plouc/react-svg-buttons) - Configurable animated SVG buttons for react. - [react-swipe-to-delete-ios](https://github.com/arnaudambro/react-swipe-to-delete-ios) - [demo](https://arnaudambro.github.io/react-swipe-to-delete-ios/) - To delete an item in a list the same way iOS does. - [typography](https://github.com/KyleAMathews/typography.js) - A powerful toolkit for building websites with beautiful typography. From be70f60c6935a1d788239d1e7975e75b679710db Mon Sep 17 00:00:00 2001 From: Nico Domino Date: Sun, 13 Oct 2019 18:53:21 +0200 Subject: [PATCH 023/373] Added `react-timezone-select` Caveat - this is a component of mine, while searching for something like it - I found 0 good alternatives though. To add this, I removed `onefinestay/react-daterange-picker` which had not had a commit in about 1.5 years. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 939aff7..f3ef54a 100644 --- a/README.md +++ b/README.md @@ -256,12 +256,12 @@ _Date picker / time picker / datetime picker / date range picker_ - [react-calendar](https://github.com/freiksenet/react-calendar) - A modular toolkit to build calendar-related things in React. - [react-date-range](https://github.com/Adphorus/react-date-range) - A React component for choosing dates and date ranges. - [react-datepicker](https://github.com/Hacker0x01/react-datepicker) - A simple and reusable datepicker component for React. -- [react-daterange-picker](https://github.com/onefinestay/react-daterange-picker) - A React based date range picker. - [react-dates](https://github.com/airbnb/react-dates) - An easily internationalizable, mobile-friendly datepicker library for the web. - [react-datetime](https://github.com/YouCanBookMe/react-datetime) - A lightweight but complete datetime picker react component. - [react-day-picker](https://github.com/gpbl/react-day-picker) - Flexible date picker for React. - [react-flatpickr](https://github.com/coderhaoxin/react-flatpickr) - Flatpickr for React. - [react-simple-timefield](https://github.com/antonfisher/react-simple-timefield) - [demo](https://antonfisher.com/react-simple-timefield/) - Simple time input field. +- [react-timezone-select](https://github.com/ndom91/react-timezone-select) - [demo](https://ndom91.github.io/react-timezone-select/) - Dynamic, succinct timezone select. Based on `react-select`. - [react-yearly-calendar](https://github.com/BelkaLab/react-yearly-calendar) - React.js Yearly Calendar Component. - [r-date-picker](https://github.com/KELEN/r-date-picker) - React.js high customize date picker component, easy style it. From 0da4a8117f3d6e5030e28a06b6efa03eb08b4afd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Miszczyszyn?= Date: Thu, 17 Oct 2019 16:44:05 +0200 Subject: [PATCH 024/373] Add Reakit and remove react-uikit-components --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index f3ef54a..8faa2e4 100644 --- a/README.md +++ b/README.md @@ -478,7 +478,7 @@ _Set of components + responsive layout system_ - [rctui](https://github.com/Lobos/react-ui) - A collection of components for React. - [react-foundation-apps](https://github.com/akiran/react-foundation-apps) - Foundation Apps components built with React. - [react-foundation](https://github.com/nordsoftware/react-foundation) - Foundation as React components. -- [react-uikit-components](https://github.com/otissv/react-uikit-components) - React UIkit Components for the UIKit CSS framework. +- [reakit](https://github.com/reakit/reakit) - [demo/docs](https://reakit.io/docs/button/) Toolkit for building accessible rich web apps - [rebass](https://github.com/jxnblk/rebass) - Configurable React Stateless Functional UI Components. - [rsuite](https://github.com/rsuite/rsuite) - [demo/docs](https://rsuitejs.com/) - A suite of React components. - [searchkit](https://github.com/searchkit/searchkit) - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch. From 6f1d916d014d3560e5294eb62249aa475ce33ae9 Mon Sep 17 00:00:00 2001 From: Francesco Fortunati Date: Fri, 18 Oct 2019 17:51:55 +0200 Subject: [PATCH 025/373] Add react-carouselize library --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index f3ef54a..28cf24b 100644 --- a/README.md +++ b/README.md @@ -118,6 +118,7 @@ _Loaders / spinners / progress bars — Let the user know that something is load - [react-id-swiper](https://github.com/kidjp85/react-id-swiper) - A library to use idangerous Swiper as a ReactJs component - [react-responsive-carousel](https://github.com/leandrowd/react-responsive-carousel) - React.js Responsive Carousel (with Swipe). - [react-slick](https://github.com/akiran/react-slick) - React carousel component. +- [react-carouselize](https://github.com/one89/react-carouselize) - Transform everything in a simple and customizable carousel. ### Collapse From 1aabcc021d53038c2f17a9be5c5d938225b1e3ae Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=81ukasz=20Tyszkiewicz?= Date: Sat, 19 Oct 2019 14:05:54 +0200 Subject: [PATCH 026/373] Updated Form Login Removed redux-form because it is only in maintenance right now, and Dan Abramov :godmode: claimed it as bad pattern. React-final-form is quite good alternative to Formik, it is based on subscriptions and Observer pattern --- README.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/README.md b/README.md index 28cf24b..ef17fd0 100644 --- a/README.md +++ b/README.md @@ -623,9 +623,8 @@ _Data flow / data management / data stores / components state / data flow_ - [plexus-form](https://github.com/AppliedMathematicsANU/plexus-form) - A dynamic form component for react using JSON-Schema. - [react-hook-form](https://github.com/react-hook-form/react-hook-form) - React hooks for form validation without the hassle. - [react-jsonschema-form](https://github.com/mozilla-services/react-jsonschema-form) - A React component for building Web forms from JSONSchema. -- [react-redux-form](https://github.com/davidkpiano/react-redux-form) - Create forms easily in React with Redux. - [react-validation-mixin](https://github.com/jurassix/react-validation-mixin) - Simple validation mixin (HoC) for React. -- [redux-form](https://github.com/erikras/redux-form) - A Higher Order Component using react-redux to keep form state in a Redux store. +- [react-final-form](https://github.com/final-form/react-final-form) - Subscription-based form state management - [react-formawesome](https://github.com/MAKARD/react-formawesome) - Complex library for creating awesome forms. - [surveyjs](https://github.com/surveyjs/survey-library) - The advanced Survey and Form library - [tcomb-form](https://github.com/gcanti/tcomb-form) - Forms library for react. From 7d15f4ea3db0a1979fe59b7df5be083df83b2777 Mon Sep 17 00:00:00 2001 From: Jonatan Witoszek Date: Mon, 21 Oct 2019 22:52:44 +0200 Subject: [PATCH 027/373] Added notistack, removed react-notification-system --- README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index ef17fd0..317b860 100644 --- a/README.md +++ b/README.md @@ -60,7 +60,7 @@ _Toaster / snackbar — Notify the user with a modeless temporary little popup_ - [cogo-toast](https://github.com/Cogoport/cogo-toast) - [demo/docs](https://cogoport.github.io/cogo-toast) - Plug and play, toast messages, with promise support and inbuilt styling, ~3.5K. _(No refs / provider needed 😊)_ - [react-notifications-component](https://github.com/teodosii/react-notifications-component) - [demo](https://teodosii.github.io/react-notifications-component/) - Highly customizable and easy-to-use component for notifications. -- [react-notification-system](https://github.com/igorprado/react-notification-system) - A complete and totally customizable component for notifications in React. _(Uses refs 🙁)_ +- [notistack](https://iamhosseindhv.com/notistack) - [demo](https://codesandbox.io/s/github/iamhosseindhv/notistack/tree/master/examples/simple-example??hidenavigation=1&module=%2FApp.js) - [docs](https://iamhosseindhv.com/notistack/api) - Highly customizable notification snackbars (toasts) that can be stacked on top of each other - [react-notification](https://github.com/pburtchaell/react-notification) - Snackbar notifications for React. - 🚀 [react-toastify](https://github.com/fkhadra/react-toastify) - [demo](https://fkhadra.github.io/react-toastify/) - best bet out there at the moment. Hooks support. No refs. - [react-toast-notifications](https://github.com/jossmac/react-toast-notifications) - [demo](https://jossmac.github.io/react-toast-notifications/) - pleasing toast system. _([But no hooks yet](https://github.com/jossmac/react-toast-notifications/issues/20).)_ @@ -624,7 +624,7 @@ _Data flow / data management / data stores / components state / data flow_ - [react-hook-form](https://github.com/react-hook-form/react-hook-form) - React hooks for form validation without the hassle. - [react-jsonschema-form](https://github.com/mozilla-services/react-jsonschema-form) - A React component for building Web forms from JSONSchema. - [react-validation-mixin](https://github.com/jurassix/react-validation-mixin) - Simple validation mixin (HoC) for React. -- [react-final-form](https://github.com/final-form/react-final-form) - Subscription-based form state management +- [react-final-form](https://github.com/final-form/react-final-form) - Subscription-based form state management - [react-formawesome](https://github.com/MAKARD/react-formawesome) - Complex library for creating awesome forms. - [surveyjs](https://github.com/surveyjs/survey-library) - The advanced Survey and Form library - [tcomb-form](https://github.com/gcanti/tcomb-form) - Forms library for react. @@ -640,7 +640,7 @@ _Data flow / data management / data stores / components state / data flow_ - [react-router](https://github.com/reactjs/react-router) - A complete routing library for React. - [redux-router](https://github.com/acdlite/redux-router) - Redux bindings for React Router – keep your router state inside your Redux store. - [universal-router](https://github.com/kriasoft/universal-router) - A simple middleware-style router for isomorphic JavaScript web apps. -- [redux-first-history](https://github.com/salvoravida/redux-first-history) - Redux First History - Redux history binding support react-router - @reach/router - wouter +- [redux-first-history](https://github.com/salvoravida/redux-first-history) - Redux First History - Redux history binding support react-router - @reach/router - wouter ### Props from server From 4f5a8805ef75ce7f6704807429fc983b8fd4adfb Mon Sep 17 00:00:00 2001 From: Romuald Brillout Date: Wed, 23 Oct 2019 15:06:43 +0200 Subject: [PATCH 028/373] add shameless plug of Wildcard API + change maintainer text --- README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 317b860..fbfedad 100644 --- a/README.md +++ b/README.md @@ -10,10 +10,10 @@ every React component under the sun. So, what does "awesome" mean? Well: Look for a 🚀 for truly amazing projects. And look for quickie maintainer commentary and reviews in _(italic parens)_ after some listings of note. -Let me know how we can improve this list! +Maintainers: -- [@petebray](https://twitter.com/petebray) (current maintainer with a shameless plug of my [React app](https://fluxguard.com) for monitoring - PROD website changes) +- [@petebray](https://twitter.com/petebray), author of [Fluxguard](https://fluxguard.com) - A tool for monitoring PROD website changes. +- [@brillout](https://twitter.com/brillout), author of [Wildcard API](https://github.com/reframejs/wildcard-api) - A tool to easily create an RPC API instead of REST/GraphQL. ### Contributing From 6a2f14ec9acb1c45bc0d897e819d6ecd8a46ff00 Mon Sep 17 00:00:00 2001 From: Romuald Brillout Date: Fri, 25 Oct 2019 15:20:18 +0200 Subject: [PATCH 029/373] improve maintainer text --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index fbfedad..7381a17 100644 --- a/README.md +++ b/README.md @@ -12,8 +12,8 @@ commentary and reviews in _(italic parens)_ after some listings of note. Maintainers: -- [@petebray](https://twitter.com/petebray), author of [Fluxguard](https://fluxguard.com) - A tool for monitoring PROD website changes. -- [@brillout](https://twitter.com/brillout), author of [Wildcard API](https://github.com/reframejs/wildcard-api) - A tool to easily create an RPC API instead of REST/GraphQL. +- [@petebray](https://twitter.com/petebray), author of [Fluxguard](https://fluxguard.com) — monitor PROD website changes. +- [@brillout](https://twitter.com/brillout), author of [Wildcard API](https://github.com/reframejs/wildcard-api) — create an RPC API, alternative to REST/GraphQL. ### Contributing From e49a2b273416d3dadf50f96c30e8905c8bcfe5f7 Mon Sep 17 00:00:00 2001 From: Ali Kazmi Date: Sat, 26 Oct 2019 01:28:37 +0500 Subject: [PATCH 030/373] Add react-3ducks --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 7381a17..1ae21ad 100644 --- a/README.md +++ b/README.md @@ -102,7 +102,6 @@ _Loaders / spinners / progress bars — Let the user know that something is load - [react-block-ui](https://github.com/availity/react-block-ui) - Easy way to block the user from interacting with your UI. -- [react-ladda](https://github.com/jsdir/react-ladda) - React wrapper for Ladda buttons. - [react-loader](https://github.com/TheCognizantFoundry/react-loader) - React component that displays a spinner via spin.js until your component is loaded. - [react-loaders](https://github.com/jonjaques/react-loaders) - Lightweight wrapper around Loaders.css. - [react-md-spinner](https://github.com/tsuyoshiwada/react-md-spinner) - Material Design spinner components for React.js. @@ -602,6 +601,7 @@ _Data flow / data management / data stores / components state / data flow_ - [fluxxor](https://github.com/BinaryMuse/fluxxor) - Flux architecture tools for React. - [kea](https://github.com/mariusandra/kea) - High level architecture for React apps. - [mobx-react](https://github.com/mobxjs/mobx-react) - React bindings for MobX. Create fully reactive components. +- [react-3ducks](https://github.com/smakazmi/react-3ducks) - [demo](https://stackblitz.com/github/smakazmi/react-3ducks/tree/master/examples/todos) - Simple state management solution for React. - [react-controllables](https://github.com/matthewwithanm/react-controllables) - Easily create controllable components. - [react-i13n](https://github.com/yahoo/react-i13n) - A performant, scalable and pluggable approach to instrumenting your React application. - [react-redux-provide](https://github.com/loggur/react-redux-provide) - Bridges the gap between Redux and the declarative nature of GraphQL/Relay. From 00c74d9b85bc1a55a1c4e2e9ac757792d6e7d7fe Mon Sep 17 00:00:00 2001 From: Sudheej Sudhakaran Date: Sun, 3 Nov 2019 19:16:44 -0500 Subject: [PATCH 031/373] issue-158 fix dead link Broken link react-dnd-touch-backend - removed --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 1ae21ad..57fb179 100644 --- a/README.md +++ b/README.md @@ -341,7 +341,6 @@ _Let the user add multiple tags in a single input_ #### Drag and Drop - [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd) - Beautiful and accessible drag and drop for lists with React -- [react-dnd-touch-backend](https://github.com/yahoo/react-dnd-touch-backend) - Touch Backend for react-dnd. - [react-dnd](https://github.com/gaearon/react-dnd) - Drag and Drop for React. - [react-draggable](https://github.com/mzabriskie/react-draggable) - React draggable component. - [react-dragula](https://github.com/bevacqua/react-dragula) - Drag and drop so simple it hurts. From f92fb4f5d4bbf0ae2b29385faa271005938c9778 Mon Sep 17 00:00:00 2001 From: Rafael Caferati Date: Thu, 7 Nov 2019 13:51:28 -0300 Subject: [PATCH 032/373] Remove react-typeahead-component and input-moment Remove input-moment and react-typeahead-component both not updated since 2017. --- README.md | 2 -- 1 file changed, 2 deletions(-) diff --git a/README.md b/README.md index 57fb179..4f84ea1 100644 --- a/README.md +++ b/README.md @@ -251,7 +251,6 @@ _Let the user enter data_ _Date picker / time picker / datetime picker / date range picker_ -- [input-moment](https://github.com/wangzuo/input-moment) - React datetime picker powered by momentjs. - [react-big-calendar](https://github.com/intljusticemission/react-big-calendar) - Gcal/outlook like calendar component. - [react-calendar](https://github.com/freiksenet/react-calendar) - A modular toolkit to build calendar-related things in React. - [react-date-range](https://github.com/Adphorus/react-date-range) - A React component for choosing dates and date ranges. @@ -281,7 +280,6 @@ _Masked inputs, specialized inputs; email / telephone number / credit card / etc _Autosuggest / autocomplete / typeahead_ - [react-autosuggest](https://github.com/moroshko/react-autosuggest) - WAI-ARIA compliant React autosuggest component. -- [react-typeahead-component](https://github.com/ezequiel/react-typeahead-component) - Typeahead, written using the React.js library. - [react-typeahead](https://github.com/fmoo/react-typeahead) - Pure react-based typeahead and typeahead-tokenizer. #### Select From 64ae9bd12daa93ee3b05b0b94389b5f2315bc002 Mon Sep 17 00:00:00 2001 From: Rafael Caferati Date: Thu, 7 Nov 2019 14:15:41 -0300 Subject: [PATCH 033/373] add react-awesome-button and react-awesome-slider --- README.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/README.md b/README.md index 4f84ea1..d3a1aae 100644 --- a/README.md +++ b/README.md @@ -113,12 +113,17 @@ _Loaders / spinners / progress bars — Let the user know that something is load ### Carousel +- [react-awesome-slider](https://github.com/rcaferati/react-awesome-slider) - [demo](https://caferati.me/demo/react-awesome-slider) - 3D animated 60fps media and content slider/carousel. - [pure-react-carousel](https://github.com/express-labs/pure-react-carousel) - Built from scratch and not highly opinionated. - [react-id-swiper](https://github.com/kidjp85/react-id-swiper) - A library to use idangerous Swiper as a ReactJs component - [react-responsive-carousel](https://github.com/leandrowd/react-responsive-carousel) - React.js Responsive Carousel (with Swipe). - [react-slick](https://github.com/akiran/react-slick) - React carousel component. - [react-carouselize](https://github.com/one89/react-carouselize) - Transform everything in a simple and customizable carousel. +### Buttons + +- [react-awesome-button](https://github.com/rcaferati/react-awesome-button) - [demo](https://caferati.me/demo/react-awesome-button) - 3D animated 60fps Buttons with load progress and social share actions. + ### Collapse - [react-accessible-accordion](https://github.com/springload/react-accessible-accordion) - Accessible Accordion component for React. From 10050f46f326bee3ba873a7de167a28e0170b8c2 Mon Sep 17 00:00:00 2001 From: Rafael Caferati Date: Thu, 7 Nov 2019 14:16:39 -0300 Subject: [PATCH 034/373] Change button case --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index d3a1aae..015ee6e 100644 --- a/README.md +++ b/README.md @@ -122,7 +122,7 @@ _Loaders / spinners / progress bars — Let the user know that something is load ### Buttons -- [react-awesome-button](https://github.com/rcaferati/react-awesome-button) - [demo](https://caferati.me/demo/react-awesome-button) - 3D animated 60fps Buttons with load progress and social share actions. +- [react-awesome-button](https://github.com/rcaferati/react-awesome-button) - [demo](https://caferati.me/demo/react-awesome-button) - 3D animated 60fps buttons with load progress and social share actions. ### Collapse From a093cd55e8754ce4c54f2a24c2791893ae0414b1 Mon Sep 17 00:00:00 2001 From: jl Date: Tue, 12 Nov 2019 17:50:59 +0800 Subject: [PATCH 035/373] Add another carousel component Propose another light weight carousel component, for both mobile and desktop. [flat-carousel](https://github.com/jl-/react-carousel) --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 015ee6e..d6d9e6a 100644 --- a/README.md +++ b/README.md @@ -112,7 +112,7 @@ _Loaders / spinners / progress bars — Let the user know that something is load - [react-spinners-css](https://github.com/JoshK2/react-spinners-css) - Amazing collection of react spinners components. ### Carousel - +- [flat-carousel](https://github.com/jl-/flat-carousel) - [demo](https://671g5.csb.app/) Light weight carousel component for general purpose. - [react-awesome-slider](https://github.com/rcaferati/react-awesome-slider) - [demo](https://caferati.me/demo/react-awesome-slider) - 3D animated 60fps media and content slider/carousel. - [pure-react-carousel](https://github.com/express-labs/pure-react-carousel) - Built from scratch and not highly opinionated. - [react-id-swiper](https://github.com/kidjp85/react-id-swiper) - A library to use idangerous Swiper as a ReactJs component From 0c12678c3988d29603864fdcd2b8661db9a74bbb Mon Sep 17 00:00:00 2001 From: Romuald Brillout Date: Mon, 18 Nov 2019 14:39:53 +0100 Subject: [PATCH 036/373] improve RPC ad --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index d6d9e6a..957851c 100644 --- a/README.md +++ b/README.md @@ -13,7 +13,7 @@ commentary and reviews in _(italic parens)_ after some listings of note. Maintainers: - [@petebray](https://twitter.com/petebray), author of [Fluxguard](https://fluxguard.com) — monitor PROD website changes. -- [@brillout](https://twitter.com/brillout), author of [Wildcard API](https://github.com/reframejs/wildcard-api) — create an RPC API, alternative to REST/GraphQL. +- [@brillout](https://twitter.com/brillout), author of [Wildcard API](https://github.com/reframejs/wildcard-api) — create an RPC-like API as an alternative to REST/GraphQL. ### Contributing From a7f7089eeaffb986d587e0d7fbfcc4ee04c91eb6 Mon Sep 17 00:00:00 2001 From: Romuald Brillout Date: Mon, 18 Nov 2019 14:40:43 +0100 Subject: [PATCH 037/373] improve RPC ad --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 957851c..d2ac829 100644 --- a/README.md +++ b/README.md @@ -13,7 +13,7 @@ commentary and reviews in _(italic parens)_ after some listings of note. Maintainers: - [@petebray](https://twitter.com/petebray), author of [Fluxguard](https://fluxguard.com) — monitor PROD website changes. -- [@brillout](https://twitter.com/brillout), author of [Wildcard API](https://github.com/reframejs/wildcard-api) — create an RPC-like API as an alternative to REST/GraphQL. +- [@brillout](https://twitter.com/brillout), author of [Wildcard API](https://github.com/reframejs/wildcard-api) — create an RPC-like API as an alternative to REST and GraphQL. ### Contributing From 809eecf9bb65dc04ba09bf06615630e208904d44 Mon Sep 17 00:00:00 2001 From: lindelof <56242468+lindelof@users.noreply.github.com> Date: Fri, 22 Nov 2019 21:33:22 +0800 Subject: [PATCH 038/373] add react-particle-bg --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index d2ac829..4da762d 100644 --- a/README.md +++ b/README.md @@ -448,6 +448,7 @@ _Animate transitions_ - [react.animate](https://github.com/pleasetrythisathome/react.animate) - State animation plugin for react.js. - [velocity-react](https://github.com/twitter-fabric/velocity-react) - React components for Velocity.js. - [react-scroll-rotate](https://github.com/giladk/react-scroll-rotate) - [demo](https://giladk.github.io/react-scroll-rotate/) - Very simple scroll based element rotation +- [react-particle-bg](https://github.com/lindelof/particles-bg) - React component for particles backgrounds. ### Parallax From 62ba25a1b52b9aee275276d2b4badf55f37b867d Mon Sep 17 00:00:00 2001 From: lindelof <56242468+lindelof@users.noreply.github.com> Date: Fri, 22 Nov 2019 21:35:17 +0800 Subject: [PATCH 039/373] update readme.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 4da762d..98ebe81 100644 --- a/README.md +++ b/README.md @@ -448,7 +448,7 @@ _Animate transitions_ - [react.animate](https://github.com/pleasetrythisathome/react.animate) - State animation plugin for react.js. - [velocity-react](https://github.com/twitter-fabric/velocity-react) - React components for Velocity.js. - [react-scroll-rotate](https://github.com/giladk/react-scroll-rotate) - [demo](https://giladk.github.io/react-scroll-rotate/) - Very simple scroll based element rotation -- [react-particle-bg](https://github.com/lindelof/particles-bg) - React component for particles backgrounds. +- [react-particles-bg](https://github.com/lindelof/particles-bg) - React component for particles backgrounds. ### Parallax From de01c4beb3a7e5fc3424797e8879093ccf7933af Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9=20Lins?= Date: Sat, 23 Nov 2019 22:26:57 -0300 Subject: [PATCH 040/373] Inserting new libraries --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index d2ac829..37fe109 100644 --- a/README.md +++ b/README.md @@ -172,6 +172,7 @@ _Ways to navigate views_ - [react-custom-scroll](https://github.com/rommguy/react-custom-scroll) - [demo](http://rommguy.github.io/react-custom-scroll/example/demo.html) - Easily customize the browser scroll bar with native OS scroll behavior. - [react-scrollbar](https://github.com/souhe/reactScrollbar) - Scrollbar component for React. +- [react-shadow-scroll](https://github.com/andrelmlins/react-shadow-scroll) - Component that customizes the image and inserts shadow when scrolling exists. ### Audio / Video @@ -714,6 +715,7 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [relay-fullstack](https://github.com/lvarayut/relay-fullstack) - Relay Starter Kit. - [roc](https://github.com/rocjs/roc) - Modern Application Development Ecosystem. - [universal-redux](https://github.com/bdefore/universal-redux) - An npm package that lets you jump right into coding React and Redux. +- [create-react-dependency](https://github.com/andrelmlins/create-react-dependency) - Create react dependencies with no build configuration. ### Miscellaneous From d5f2774cd7ff4a35f1c3cb6f89833e34eac6aeb5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9=20Lins?= Date: Sun, 24 Nov 2019 06:24:06 -0300 Subject: [PATCH 041/373] Removing archived projects --- README.md | 2 -- 1 file changed, 2 deletions(-) diff --git a/README.md b/README.md index 37fe109..f54dd42 100644 --- a/README.md +++ b/README.md @@ -707,8 +707,6 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [nwb](https://github.com/insin/nwb) - CLI tool and devDependency for React apps & components and npm modules. - [react-boilerplate](https://github.com/mxstbr/react-boilerplate) - Quick packager-agnostic boilerplate for React modules using JSX. - [react-hot-boilerplate](https://github.com/gaearon/react-hot-boilerplate) - Minimal live-editing boilerplate for your next ReactJS project. -- [react-isomorphic-starterkit](https://github.com/RickWong/react-isomorphic-starterkit) - Create an isomorphic React app in less than 5 minutes. -- [react-redux-starter-kit](https://github.com/davezuko/react-redux-starter-kit) - Get started with React, Redux, and React-Router!. - [react-redux-universal-hot-example](https://github.com/erikras/react-redux-universal-hot-example) - A starter boilerplate for a universal webapp. - [reactuate](https://github.com/reactuate/reactuate) - React/Redux stack (not a boilerplate kit). - [redux-cli](https://github.com/SpencerCDixon/redux-cli) - An opinionated CLI for building redux/react apps quicker. From 2dc1715289a96da5d5d5e170e50002e2bbf7c272 Mon Sep 17 00:00:00 2001 From: Denis Oblogin Date: Fri, 29 Nov 2019 01:34:46 +0200 Subject: [PATCH 042/373] Add react-awesome-query-builder --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index f54dd42..cc51f15 100644 --- a/README.md +++ b/README.md @@ -236,6 +236,7 @@ _Display parsed markdow source_ - [material-color-hash](https://github.com/BelkaLab/material-color-hash) - Hash strings to Material UI colors. - [react-avatar](https://github.com/Sitebase/react-avatar) - Universal React avatar component makes it possible to generate avatars based on user information. - [react-avatar-generator](https://github.com/JosephSmith127/react-avatar-generator) - Allows users to create random kaleidoscopes to be used as avatars. +- [react-awesome-query-builder](https://github.com/ukrbublik/react-awesome-query-builder) - User-friendly, highly configurable component to build queries with export to MongoDb, SQL or custom format. - [react-color-scroll](https://github.com/JosephSmith127/react-color-scroll) - Change and blend new colors on the background as you scroll. - [react-blur](https://github.com/javierbyte/react-blur) - React component for blurred backgrounds. - [react-facebook](https://github.com/CherryProjects/react-facebook) - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post. From 37582bcc3fa67330088634a4164f2eb43cc6e70d Mon Sep 17 00:00:00 2001 From: Denis Oblogin Date: Fri, 29 Nov 2019 01:39:08 +0200 Subject: [PATCH 043/373] demo --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index cc51f15..4437734 100644 --- a/README.md +++ b/README.md @@ -236,7 +236,7 @@ _Display parsed markdow source_ - [material-color-hash](https://github.com/BelkaLab/material-color-hash) - Hash strings to Material UI colors. - [react-avatar](https://github.com/Sitebase/react-avatar) - Universal React avatar component makes it possible to generate avatars based on user information. - [react-avatar-generator](https://github.com/JosephSmith127/react-avatar-generator) - Allows users to create random kaleidoscopes to be used as avatars. -- [react-awesome-query-builder](https://github.com/ukrbublik/react-awesome-query-builder) - User-friendly, highly configurable component to build queries with export to MongoDb, SQL or custom format. +- [react-awesome-query-builder](https://github.com/ukrbublik/react-awesome-query-builder) - [demo](https://ukrbublik.github.io/react-awesome-query-builder/) - User-friendly, highly configurable component to build queries with export to MongoDb, SQL or custom format. - [react-color-scroll](https://github.com/JosephSmith127/react-color-scroll) - Change and blend new colors on the background as you scroll. - [react-blur](https://github.com/javierbyte/react-blur) - React component for blurred backgrounds. - [react-facebook](https://github.com/CherryProjects/react-facebook) - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post. From f4aa9c43d1e7c9ff3185b0e3fedc37d0f12488ff Mon Sep 17 00:00:00 2001 From: Denis Oblogin Date: Fri, 29 Nov 2019 01:49:55 +0200 Subject: [PATCH 044/373] Removed archived component: - [react-metismenu](https://github.com/alpertuna/react-metismenu) - A ready-to-use menu component for React. --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 4437734..4e81145 100644 --- a/README.md +++ b/README.md @@ -79,7 +79,6 @@ _Menus / sidebars_ - [react-burger-menu](https://github.com/negomi/react-burger-menu) - An off-canvas sidebar with effects and styles. - [react-contextmenu](https://github.com/vkbansal/react-contextmenu) - Context Menu implemented in React. -- [react-metismenu](https://github.com/alpertuna/react-metismenu) - A ready-to-use menu component for React. - [react-offcanvas](https://github.com/vutran/react-offcanvas) - Off-canvas menus for React. - [react-sidebar](https://github.com/balloob/react-sidebar) - A sidebar component for React. From 26ae57ea6e178ee578c9681337acd0b34bbc4d90 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=91=A8=E4=BF=8A=E8=BE=89?= Date: Sat, 7 Dec 2019 11:19:24 +0800 Subject: [PATCH 045/373] add react-intl-universal --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 9483ffe..634b853 100644 --- a/README.md +++ b/README.md @@ -741,6 +741,7 @@ _Internationalization / L10n / localization / translation_ - [react-i18next](https://github.com/i18next/react-i18next) - Internationalization for react done right. Using the i18next i18n ecosystem. - [react-intl](https://github.com/yahoo/react-intl) - Internationalize React apps. - [react-translate-maker](https://github.com/CherryProjects/react-translate-maker) - Universal internationalization (i18n) open source library for React. +- [react-intl-universal](https://github.com/alibaba/react-intl-universal) - [demo](https://g.alicdn.com/alishu/common/0.0.95/intl-example/index.html) Internationalize React apps. Not only for React.Component but also for Vanilla JS. ### Framework bindings / integrations From 73f4fc700aba0daabcb1d2a7ff57b913acf9f439 Mon Sep 17 00:00:00 2001 From: anishagg17 <43617894+anishagg17@users.noreply.github.com> Date: Wed, 11 Dec 2019 09:47:22 +0530 Subject: [PATCH 046/373] Update README.md Added react-chatbot library --- README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/README.md b/README.md index 9483ffe..35da039 100644 --- a/README.md +++ b/README.md @@ -173,6 +173,10 @@ _Ways to navigate views_ - [react-scrollbar](https://github.com/souhe/reactScrollbar) - Scrollbar component for React. - [react-shadow-scroll](https://github.com/andrelmlins/react-shadow-scroll) - Component that customizes the image and inserts shadow when scrolling exists. +### Chatbot + +- [react-simple-chatbot](https://github.com/LucasBassetti/react-simple-chatbot) - [demo](https://github.com/anishagg17/PIzzaBuilder) - A simple chatbot component to create conversation chats. + ### Audio / Video - [react-dailymotion](https://github.com/u-wave/react-dailymotion) - Dailymotion player component for React. From c7791489d6c3151042269bb20888402becba97cd Mon Sep 17 00:00:00 2001 From: anishagg17 <43617894+anishagg17@users.noreply.github.com> Date: Thu, 12 Dec 2019 17:06:40 +0530 Subject: [PATCH 047/373] Update README.md done --- README.md | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/README.md b/README.md index 35da039..8dd1e75 100644 --- a/README.md +++ b/README.md @@ -173,10 +173,6 @@ _Ways to navigate views_ - [react-scrollbar](https://github.com/souhe/reactScrollbar) - Scrollbar component for React. - [react-shadow-scroll](https://github.com/andrelmlins/react-shadow-scroll) - Component that customizes the image and inserts shadow when scrolling exists. -### Chatbot - -- [react-simple-chatbot](https://github.com/LucasBassetti/react-simple-chatbot) - [demo](https://github.com/anishagg17/PIzzaBuilder) - A simple chatbot component to create conversation chats. - ### Audio / Video - [react-dailymotion](https://github.com/u-wave/react-dailymotion) - Dailymotion player component for React. @@ -243,6 +239,7 @@ _Display parsed markdow source_ - [react-color-scroll](https://github.com/JosephSmith127/react-color-scroll) - Change and blend new colors on the background as you scroll. - [react-blur](https://github.com/javierbyte/react-blur) - React component for blurred backgrounds. - [react-facebook](https://github.com/CherryProjects/react-facebook) - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post. +- [react-simple-chatbot](https://github.com/LucasBassetti/react-simple-chatbot) - [demo](https://github.com/anishagg17/PIzzaBuilder) - A simple chatbot component to create conversation chats. - [react-file-reader-input](https://github.com/ngokevin/react-file-reader-input) - File input component for control for file reading styling and abstraction. - [react-filter-control](https://github.com/komarovalexander/react-filter-control) - The React filterbuilder component for building the filter criteria in the UI. - [react-joyride](https://github.com/gilbarbara/react-joyride) - Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!. @@ -265,7 +262,6 @@ _Date picker / time picker / datetime picker / date range picker_ - [react-calendar](https://github.com/freiksenet/react-calendar) - A modular toolkit to build calendar-related things in React. - [react-date-range](https://github.com/Adphorus/react-date-range) - A React component for choosing dates and date ranges. - [react-datepicker](https://github.com/Hacker0x01/react-datepicker) - A simple and reusable datepicker component for React. -- [react-dates](https://github.com/airbnb/react-dates) - An easily internationalizable, mobile-friendly datepicker library for the web. - [react-datetime](https://github.com/YouCanBookMe/react-datetime) - A lightweight but complete datetime picker react component. - [react-day-picker](https://github.com/gpbl/react-day-picker) - Flexible date picker for React. - [react-flatpickr](https://github.com/coderhaoxin/react-flatpickr) - Flatpickr for React. From bd5fa774654c621f159a4772c90d357f2ac5f00b Mon Sep 17 00:00:00 2001 From: Alexander Komarov Date: Sun, 15 Dec 2019 22:32:16 +0100 Subject: [PATCH 048/373] Add information about ka-table https://github.com/komarovalexander/ka-table --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 8dd1e75..8b2e1ba 100644 --- a/README.md +++ b/README.md @@ -27,6 +27,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [autoresponsive-react](https://github.com/xudafeng/autoresponsive-react) - Auto Responsive Layout Library For React. - [gigatables-react](https://github.com/GigaTables/reactables) - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more. - [griddle-react](https://github.com/GriddleGriddle/Griddle) - Simple Grid Component written in React. +- [ka-table](https://github.com/komarovalexander/ka-table) - [demo](https://komarovalexander.github.io/ka-table/#/command-column) - Customizable MIT React table component with Sorting, Filtering, Grouping, Virtualization, Editing and many more. - [mui-datatables](https://github.com/gregnb/mui-datatables) - Advanced and Pretty Data Tables where everything is customisable. - [react-data-components](https://github.com/carlosrocha/react-data-components) - React components for sorting, filtering and pagination of data. - [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid. From 85a5b2cafbca65395001db4ed23c2dbe9398ec2e Mon Sep 17 00:00:00 2001 From: sarons Date: Mon, 16 Dec 2019 15:49:00 +0530 Subject: [PATCH 049/373] Adding React Recycled Scrolling component A scalable scrolling component --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 8b2e1ba..4ce91f1 100644 --- a/README.md +++ b/README.md @@ -43,6 +43,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [react-lazyload](https://github.com/jasonslyvia/react-lazyload) - Lazyload your Component, Image or anything matters the performance. - [react-list](https://github.com/orgsync/react-list) - A versatile infinite scroll React component. - [react-virtualized](https://github.com/bvaughn/react-virtualized) - React components for efficiently rendering large lists and tabular data. +- [react-recycled-scrolling](https://github.com/sarons/react-recycled-scrolling) - [npm](https://www.npmjs.com/package/react-recycled-scrolling) - [demo](https://y8mlf.csb.app/) - Simulate normal scrolling by using only fixed number of DOM elements for large lists of items with React Hooks ### Overlay From b88c1ea7a3ada5694125f2df69031f650fa33721 Mon Sep 17 00:00:00 2001 From: Noah Grant Date: Mon, 23 Dec 2019 09:13:15 -0800 Subject: [PATCH 050/373] add resourcerer to Data Store section --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 8b2e1ba..d5a52b6 100644 --- a/README.md +++ b/README.md @@ -618,6 +618,7 @@ _Data flow / data management / data stores / components state / data flow_ - [redux](https://github.com/reactjs/redux) - Predictable state container for JavaScript apps. - [reflux](https://github.com/reflux/refluxjs) - A simple library for uni-directional dataflow application architecture with React extensions inspired by Flux. - [reselect](https://github.com/reactjs/reselect) - Selector library for Redux. +- [resourcerer](https://github.com/SiftScience/resourcerer) - Declarative data-fetching framework for REST APIs - [shasta](https://github.com/shastajs/shasta) - Dead simple + opinionated toolkit for building redux/react applications. ### Form Logic From 183e86234095e5382155eda717227fdb515aa31d Mon Sep 17 00:00:00 2001 From: Peter W Date: Fri, 27 Dec 2019 09:47:57 +1100 Subject: [PATCH 051/373] Update README - removed stale comment Why: * Hooks have been implemented, see https://github.com/jossmac/react-toast-notifications#hook * todo issue referenced has been resolved by https://github.com/jossmac/react-toast-notifications/pull/42 --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index d5a52b6..d18cb94 100644 --- a/README.md +++ b/README.md @@ -64,7 +64,7 @@ _Toaster / snackbar — Notify the user with a modeless temporary little popup_ - [notistack](https://iamhosseindhv.com/notistack) - [demo](https://codesandbox.io/s/github/iamhosseindhv/notistack/tree/master/examples/simple-example??hidenavigation=1&module=%2FApp.js) - [docs](https://iamhosseindhv.com/notistack/api) - Highly customizable notification snackbars (toasts) that can be stacked on top of each other - [react-notification](https://github.com/pburtchaell/react-notification) - Snackbar notifications for React. - 🚀 [react-toastify](https://github.com/fkhadra/react-toastify) - [demo](https://fkhadra.github.io/react-toastify/) - best bet out there at the moment. Hooks support. No refs. -- [react-toast-notifications](https://github.com/jossmac/react-toast-notifications) - [demo](https://jossmac.github.io/react-toast-notifications/) - pleasing toast system. _([But no hooks yet](https://github.com/jossmac/react-toast-notifications/issues/20).)_ +- [react-toast-notifications](https://github.com/jossmac/react-toast-notifications) - [demo](https://jossmac.github.io/react-toast-notifications/) - pleasing toast system. - [reapop](https://github.com/LouisBarranqueiro/reapop) - A React & Redux notifications system. - [react-snackbar-alert](https://github.com/joeattardi/react-snackbar-alert) - [demo](https://joeattardi.github.io/react-snackbar-alert/) - Simple snackbar notifications. Uses Context API. - [simple-react-notifications](https://github.com/alexpermyakov/simple-react-notifications) - [demo](https://alexpermyakov.github.io/simple-react-notifications/) - Tiny notification library (1kb gzip). From bd8a1b9cdb1611ac6c0477b2177777c9da725c6b Mon Sep 17 00:00:00 2001 From: mohammadreza berneti Date: Sat, 28 Dec 2019 21:09:10 +0330 Subject: [PATCH 052/373] added persian jalali react datepicker added react datepicker with Persian Jalali calendar support --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index d18cb94..0f31fe2 100644 --- a/README.md +++ b/README.md @@ -263,6 +263,7 @@ _Date picker / time picker / datetime picker / date range picker_ - [react-calendar](https://github.com/freiksenet/react-calendar) - A modular toolkit to build calendar-related things in React. - [react-date-range](https://github.com/Adphorus/react-date-range) - A React component for choosing dates and date ranges. - [react-datepicker](https://github.com/Hacker0x01/react-datepicker) - A simple and reusable datepicker component for React. +- [react-datepicker2](https://github.com/mberneti/react-datepicker2) - [demo](https://mberneti.github.io/react-datepicker2/) - [docs](https://mberneti.github.io/react-datepicker2/) A simple and reusable datepicker component (with persian jalali calendar support). - [react-datetime](https://github.com/YouCanBookMe/react-datetime) - A lightweight but complete datetime picker react component. - [react-day-picker](https://github.com/gpbl/react-day-picker) - Flexible date picker for React. - [react-flatpickr](https://github.com/coderhaoxin/react-flatpickr) - Flatpickr for React. From 9153f4b49fc4e4fd94a609d449675805477d9edf Mon Sep 17 00:00:00 2001 From: mkosir Date: Wed, 1 Jan 2020 10:12:40 +0100 Subject: [PATCH 053/373] add `StoryTab` component --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 0f31fe2..d0a5531 100644 --- a/README.md +++ b/README.md @@ -841,6 +841,7 @@ _Internationalization / L10n / localization / translation_ - [react-heatpack](https://github.com/insin/react-heatpack) - A 'heatpack' command for quick React development with webpack hot reloading. - [react-styleguidist](https://github.com/sapegin/react-styleguidist) - React style guide generator. - [standard-react](https://github.com/feross/standard) - JavaScript Standard Style Guide. +- [story-tab](https://github.com/mkosir/story-tab) - [demo](https://mkosir.github.io/story-tab) - CLI tool for generating component code as documentation in Storybook tab. ## Miscellaneous From 693f4081116bdaf124d2eb9e2b635de4ccdc8851 Mon Sep 17 00:00:00 2001 From: mkosir Date: Wed, 1 Jan 2020 10:16:22 +0100 Subject: [PATCH 054/373] remove deprecated component `react-height-reporter` --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index d0a5531..ad97e17 100644 --- a/README.md +++ b/README.md @@ -539,7 +539,6 @@ _Determine and report measurements of an element_ - [react-component-queries](https://github.com/ctrlplusb/react-component-queries) - Provide props to your Components based on their Width and/or Height. - [react-container-dimensions](https://github.com/okonet/react-container-dimensions) - Wrapper component that detects element resize. - [react-dimensions](https://github.com/digidem/react-dimensions) - React higher-order component to get dimensions of container. -- [react-height-reporter](https://github.com/berrtech/react-height-reporter) - React component-wrapper detecting height changes of it's children. - [react-height](https://github.com/nkbt/react-height) - Component-wrapper to determine and report children elements height. - [react-measure](https://github.com/souporserious/react-measure) - Compute measurements of a React component. - [react-sizeme](https://github.com/ctrlplusb/react-sizeme) - Make your React Components aware of their width and height. From 11031ae5b2d120b62acb631c2e4789aa306cc9b5 Mon Sep 17 00:00:00 2001 From: sarons Date: Fri, 3 Jan 2020 16:14:30 +0530 Subject: [PATCH 055/373] Fulfilling review requests Shortening component description Removing react-color-scroll since it hasn't been updated for 2 years and using old react --- README.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/README.md b/README.md index 4ce91f1..bd21a76 100644 --- a/README.md +++ b/README.md @@ -43,7 +43,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [react-lazyload](https://github.com/jasonslyvia/react-lazyload) - Lazyload your Component, Image or anything matters the performance. - [react-list](https://github.com/orgsync/react-list) - A versatile infinite scroll React component. - [react-virtualized](https://github.com/bvaughn/react-virtualized) - React components for efficiently rendering large lists and tabular data. -- [react-recycled-scrolling](https://github.com/sarons/react-recycled-scrolling) - [npm](https://www.npmjs.com/package/react-recycled-scrolling) - [demo](https://y8mlf.csb.app/) - Simulate normal scrolling by using only fixed number of DOM elements for large lists of items with React Hooks +- [react-recycled-scrolling](https://github.com/sarons/react-recycled-scrolling) - [npm](https://www.npmjs.com/package/react-recycled-scrolling) - [demo](https://y8mlf.csb.app/) - Simulate scrolling using fixed number of DOM elements for large lists with React Hooks ### Overlay @@ -238,7 +238,6 @@ _Display parsed markdow source_ - [react-avatar](https://github.com/Sitebase/react-avatar) - Universal React avatar component makes it possible to generate avatars based on user information. - [react-avatar-generator](https://github.com/JosephSmith127/react-avatar-generator) - Allows users to create random kaleidoscopes to be used as avatars. - [react-awesome-query-builder](https://github.com/ukrbublik/react-awesome-query-builder) - [demo](https://ukrbublik.github.io/react-awesome-query-builder/) - User-friendly, highly configurable component to build queries with export to MongoDb, SQL or custom format. -- [react-color-scroll](https://github.com/JosephSmith127/react-color-scroll) - Change and blend new colors on the background as you scroll. - [react-blur](https://github.com/javierbyte/react-blur) - React component for blurred backgrounds. - [react-facebook](https://github.com/CherryProjects/react-facebook) - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post. - [react-simple-chatbot](https://github.com/LucasBassetti/react-simple-chatbot) - [demo](https://github.com/anishagg17/PIzzaBuilder) - A simple chatbot component to create conversation chats. From f96f7e8356dec81055e9b3f772de21556712e7d7 Mon Sep 17 00:00:00 2001 From: Alexxx666 Date: Thu, 9 Jan 2020 11:58:27 +0300 Subject: [PATCH 056/373] removed elemental - not updated for a long time --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 1002a6a..3915e2d 100644 --- a/README.md +++ b/README.md @@ -476,7 +476,6 @@ _Set of components + responsive layout system_ - [belle](https://github.com/nikgraf/belle) - Configurable React Components with great UX. - [blueprint](https://github.com/palantir/blueprint) - [demo](https://blueprintjs.com/) - [docs](https://blueprintjs.com/docs/) - UI toolkit for the web. - [carbon](https://github.com/carbon-design-system/carbon) - [demo/docs](https://www.carbondesignsystem.com/) - A design system built by IBM. _(Wait, since when are IBM known for design?? 🎨)_ -- [elemental](https://github.com/elementalui/elemental) - A flexible and beautiful UI framework for React.js. - [grommet](https://github.com/grommet/grommet) - The most advanced UX framework for enterprise applications. - [gestalt](https://github.com/pinterest/gestalt) - [demo/docs](https://pinterest.github.io/gestalt/#/) - A set of components that supports Pinterest’s design language. _(Nice... but surprisingly not as well-designed as I would have thought from Pinterest. 😬)_ - [pivotal-ui-react](https://github.com/pivotal-cf/pivotal-ui) - React components based on a custom version of the Bootstrap library. From f03d6fc4b783d7f7b31c1f6528e0f01646ac4bee Mon Sep 17 00:00:00 2001 From: Alexxx666 Date: Thu, 9 Jan 2020 12:01:13 +0300 Subject: [PATCH 057/373] added react-bootstrap --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 3915e2d..1ac8a39 100644 --- a/README.md +++ b/README.md @@ -481,6 +481,7 @@ _Set of components + responsive layout system_ - [pivotal-ui-react](https://github.com/pivotal-cf/pivotal-ui) - React components based on a custom version of the Bootstrap library. - [office-ui-fabric-react](https://github.com/OfficeDev/office-ui-fabric-react) - React components for building Microsoft web experiences. _(🤔 But I'm not sure I want a "MSFT experience?")_ - [rctui](https://github.com/Lobos/react-ui) - A collection of components for React. +- [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap components built with React. - [react-foundation-apps](https://github.com/akiran/react-foundation-apps) - Foundation Apps components built with React. - [react-foundation](https://github.com/nordsoftware/react-foundation) - Foundation as React components. - [reakit](https://github.com/reakit/reakit) - [demo/docs](https://reakit.io/docs/button/) Toolkit for building accessible rich web apps From e077c7031e92b51eb481c5ebcdc81020a552ebe2 Mon Sep 17 00:00:00 2001 From: Miles Johnson Date: Thu, 9 Jan 2020 14:07:09 -0800 Subject: [PATCH 058/373] Add a few libraries Added a few of my libraries and removed others that were dead or not updated in years. --- README.md | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 1ac8a39..d3fca9d 100644 --- a/README.md +++ b/README.md @@ -272,6 +272,10 @@ _Date picker / time picker / datetime picker / date range picker_ - [react-yearly-calendar](https://github.com/BelkaLab/react-yearly-calendar) - React.js Yearly Calendar Component. - [r-date-picker](https://github.com/KELEN/r-date-picker) - React.js high customize date picker component, easy style it. +#### Emoji picker + +- [interweave-emoji-picker](https://github.com/milesj/interweave/tree/master/packages/emoji-picker) - A React based emoji picker powered by Interweave and Emojibase. + #### Input Types _Masked inputs, specialized inputs; email / telephone number / credit card / etc._ @@ -400,8 +404,8 @@ _Image manipulation_ #### Miscellaneous +- [interweave](https://github.com/milesj/interweave) - React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more. - [react-designer](https://github.com/fatiherikli/react-designer) - Easy to configure, lightweight, editable vector graphics in your react components. -- [react-images-uploader](https://github.com/aleksei0807/react-images-uploader) - React.js component for uploading images to the server. - [react-upload-gallery](https://github.com/TPMinan/react-upload-gallery) - React for Upload Image Gallery. Drag & Drop, Sortable, Customize. #### Syntax Highlight @@ -671,10 +675,10 @@ _Component properties asynchronously fetched over the network_ ### CSS / Style +- [aesthetic](https://github.com/milesj/aesthetic) - A powerful type-safe, framework agnostic, CSS-in-JS library for styling components, whether it be plain objects, importing stylesheets, or simply referencing external class names. - [aphrodite](https://github.com/Khan/aphrodite) - It's inline styles, but they work!. - [classnames](https://github.com/JedWatson/classnames) - A simple javascript utility for conditionally joining classNames together. - [inline-style-prefixer](https://github.com/rofrischmann/inline-style-prefixer) - Run-time Autoprefixer for Inline Style Objects. -- [postcss-js](https://github.com/postcss/postcss-js) - PostCSS for React Inline Styles, Free Style and other CSS-in-JS. - [radium](https://github.com/FormidableLabs/radium) - A set of tools to manage inline styles on React elements. - [react-container-query](https://github.com/d6u/react-container-query) - Modular responsive component. - [react-css-modules](https://github.com/gajus/react-css-modules) - Seamless mapping of class names to CSS modules inside of React components. @@ -808,10 +812,10 @@ _Internationalization / L10n / localization / translation_ - [chai-enzyme](https://github.com/producthunt/chai-enzyme) - Chai.js assertions and convenience functions for testing React Components with enzyme. - [enzyme](https://github.com/airbnb/enzyme) - JavaScript Testing utilities for React. - [jest-cli](https://github.com/facebook/jest) - Painless JavaScript Testing. -- [legit-tests](https://github.com/Legitcode/tests) - Chainable, easy to read, React testing library. - [react-unit](https://github.com/pzavolinsky/react-unit) - Lightweight unit test library for ReactJS. - [redux-ava](https://github.com/sotojuan/redux-ava) - Write AVA tests for redux pretty quickly. - [redux-test-recorder](https://github.com/conorhastings/redux-test-recorder) - A redux middleware to automatically generate tests for reducers through ui interaction. +- [rut](https://github.com/milesj/rut) - React testing made easy with `react-test-renderer`. Supports DOM and custom renderers. - [ui-harness](https://github.com/philcockfield/ui-harness) - Create, isolate and test modular UI components in React. - [unexpected-react](https://github.com/bruderstein/unexpected-react) - Plugin for unexpected to enable testing the full React virtual DOM, and also the shallow renderer. From 0fa518e1c7d34159997540ba0de550ef84744bce Mon Sep 17 00:00:00 2001 From: Valentin Hervieu Date: Fri, 10 Jan 2020 09:51:21 +0100 Subject: [PATCH 059/373] Add react-easy-crop to Image Editing --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index d3fca9d..ac3387b 100644 --- a/README.md +++ b/README.md @@ -392,6 +392,7 @@ _Image manipulation_ - [react-avatar-cropper](https://github.com/DropsOfSerenity/react-avatar-cropper) - Aiming to be a complete solution for avatar cropping in react. - [react-avatar-editor](https://github.com/mosch/react-avatar-editor) - Facebook-like, avatar / profile picture component. +- [react-easy-crop](https://github.com/ricardo-ch/react-easy-crop) - Component to crop/rotate images/videos with easy interactions. Touch friendly. - [react-image-crop](https://github.com/DominicTobias/react-image-crop) - A responsive image cropping tool for React. - [react-image-cropper](https://github.com/jerryshew/react-image-cropper) - React image crop. From b29f17ce1cdde7276268f98747609e280f04ed3a Mon Sep 17 00:00:00 2001 From: Andrey Bakhvalov Date: Wed, 15 Jan 2020 15:00:04 +0300 Subject: [PATCH 060/373] add js-lingui --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 80ed2af..fa907c4 100644 --- a/README.md +++ b/README.md @@ -744,11 +744,11 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ _Internationalization / L10n / localization / translation_ -- [react-globalize](https://github.com/globalizejs/react-globalize) - Bringing the i18n functionality of Globalize, backed by CLDR, to React. - [react-i18next](https://github.com/i18next/react-i18next) - Internationalization for react done right. Using the i18next i18n ecosystem. - [react-intl](https://github.com/yahoo/react-intl) - Internationalize React apps. - [react-translate-maker](https://github.com/CherryProjects/react-translate-maker) - Universal internationalization (i18n) open source library for React. - [react-intl-universal](https://github.com/alibaba/react-intl-universal) - [demo](https://g.alicdn.com/alishu/common/0.0.95/intl-example/index.html) Internationalize React apps. Not only for React.Component but also for Vanilla JS. +- [js-lingui](https://github.com/lingui/js-lingui) - [docs](https://lingui.js.org) – A readable, automated, and optimized (5 kb) internationalization for JavaScript. ### Framework bindings / integrations From 69be08f63e2820b7ee1a8867da5bbd6803dcce59 Mon Sep 17 00:00:00 2001 From: Dan Dascalescu Date: Wed, 15 Jan 2020 18:20:26 -0300 Subject: [PATCH 061/373] Move Shine to UI Frameworks and sort that list --- README.md | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index fa907c4..868fb4f 100644 --- a/README.md +++ b/README.md @@ -35,7 +35,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [reactabular](https://github.com/reactabular/reactabular) - Spectacular tables for React. - [rsuite-table](https://github.com/rsuite/rsuite-table) - [demo/docs](http://rsuite.github.io/rsuite-table/) - A table component that supports virtualized. - [sematable](https://github.com/sematext/sematable) - Client side sorting, pagination, and text filter for redux/react based apps. -- [shineout](https://github.com/sheinsight/shineout) - [demo](https://shine.wiki/1.3.x/en/components/Table#heading-08-bigdata) - A comprehensive solution for complicated/big-data table. + ### Infinite Scroll @@ -481,10 +481,11 @@ _Set of components + responsive layout system_ - [belle](https://github.com/nikgraf/belle) - Configurable React Components with great UX. - [blueprint](https://github.com/palantir/blueprint) - [demo](https://blueprintjs.com/) - [docs](https://blueprintjs.com/docs/) - UI toolkit for the web. - [carbon](https://github.com/carbon-design-system/carbon) - [demo/docs](https://www.carbondesignsystem.com/) - A design system built by IBM. _(Wait, since when are IBM known for design?? 🎨)_ +- [fluent-ui](https://github.com/fluent-org/fluent-ui) - [demo/docs](https://fluent-ui.com/) - 🌈 React components that inspired by Microsoft's Fluent Design System. - [grommet](https://github.com/grommet/grommet) - The most advanced UX framework for enterprise applications. - [gestalt](https://github.com/pinterest/gestalt) - [demo/docs](https://pinterest.github.io/gestalt/#/) - A set of components that supports Pinterest’s design language. _(Nice... but surprisingly not as well-designed as I would have thought from Pinterest. 😬)_ -- [pivotal-ui-react](https://github.com/pivotal-cf/pivotal-ui) - React components based on a custom version of the Bootstrap library. - [office-ui-fabric-react](https://github.com/OfficeDev/office-ui-fabric-react) - React components for building Microsoft web experiences. _(🤔 But I'm not sure I want a "MSFT experience?")_ +- [pivotal-ui-react](https://github.com/pivotal-cf/pivotal-ui) - React components based on a custom version of the Bootstrap library. - [rctui](https://github.com/Lobos/react-ui) - A collection of components for React. - [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap components built with React. - [react-foundation-apps](https://github.com/akiran/react-foundation-apps) - Foundation Apps components built with React. @@ -494,7 +495,7 @@ _Set of components + responsive layout system_ - [rsuite](https://github.com/rsuite/rsuite) - [demo/docs](https://rsuitejs.com/) - A suite of React components. - [searchkit](https://github.com/searchkit/searchkit) - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch. - [semantic-ui-react](https://github.com/Semantic-Org/Semantic-UI-React) - The official Semantic-UI-React integration. -- [fluent-ui](https://github.com/fluent-org/fluent-ui) - [demo/docs](https://fluent-ui.com/) - 🌈 React components that inspired by Microsoft's Fluent Design System. +- [shineout](https://github.com/sheinsight/shineout) - [demo](https://shine.wiki/1.4.x/en/components/GetStart) - Chinese-friendly set of components, including form elements, navigation, table, tree and tree select drop-downs. #### Material Design From 9a39cb6dce9c36fac2d08430e88384a94cbf7ca6 Mon Sep 17 00:00:00 2001 From: Dan Dascalescu Date: Wed, 15 Jan 2020 18:31:08 -0300 Subject: [PATCH 062/373] Replace Reactabular with react-table Reactabular is no longer "Spectacular tables for React." and hasn't been maintained in 51 weeks. react-table addresses the same need, and is much more popular and actively maintained. Also replace the hyped description for mui-datatables with a more impartial and precise one. --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index fa907c4..b83a483 100644 --- a/README.md +++ b/README.md @@ -28,11 +28,11 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [gigatables-react](https://github.com/GigaTables/reactables) - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more. - [griddle-react](https://github.com/GriddleGriddle/Griddle) - Simple Grid Component written in React. - [ka-table](https://github.com/komarovalexander/ka-table) - [demo](https://komarovalexander.github.io/ka-table/#/command-column) - Customizable MIT React table component with Sorting, Filtering, Grouping, Virtualization, Editing and many more. -- [mui-datatables](https://github.com/gregnb/mui-datatables) - Advanced and Pretty Data Tables where everything is customisable. +- [mui-datatables](https://github.com/gregnb/mui-datatables) - Responsive table component built on Material-UI, featuring search, pagination, sorting, styling, filtering, resizable + view/hide columns, export to CSV, printing, selectable or expandable rows. - [react-data-components](https://github.com/carlosrocha/react-data-components) - React components for sorting, filtering and pagination of data. - [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid. - [react-pivot](https://github.com/davidguttman/react-pivot) - Data-grid component with pivot-table-like for data display, filtering, and exploration. -- [reactabular](https://github.com/reactabular/reactabular) - Spectacular tables for React. +- [react-table](https://github.com/tannerlinsley/react-table) - [demo](https://github.com/tannerlinsley/react-table/blob/master/docs/examples.md) - Hooks for building fast and extendable tables and datagrids - [rsuite-table](https://github.com/rsuite/rsuite-table) - [demo/docs](http://rsuite.github.io/rsuite-table/) - A table component that supports virtualized. - [sematable](https://github.com/sematext/sematable) - Client side sorting, pagination, and text filter for redux/react based apps. - [shineout](https://github.com/sheinsight/shineout) - [demo](https://shine.wiki/1.3.x/en/components/Table#heading-08-bigdata) - A comprehensive solution for complicated/big-data table. From 5ab7f914b77787717a3aa168a017b19090b4708e Mon Sep 17 00:00:00 2001 From: Dan Dascalescu Date: Wed, 15 Jan 2020 18:53:00 -0300 Subject: [PATCH 063/373] Separate full-fledged editable grids from r/o tables * rm https://github.com/carlosrocha/react-data-components because it doesn't do anything that other components do, hasn't been maintained since May, and has no clear docs * add react-data-table * add New icon to ka-table because it has only 4 stars but does seem promising --- README.md | 26 +++++++++++++++----------- 1 file changed, 15 insertions(+), 11 deletions(-) diff --git a/README.md b/README.md index edb8358..1728695 100644 --- a/README.md +++ b/README.md @@ -21,22 +21,25 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- ## UI Components -### Table / Data Grid +### Editable data grid / spreadsheet - [ag-grid](https://github.com/ceolter/ag-grid) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components. -- [autoresponsive-react](https://github.com/xudafeng/autoresponsive-react) - Auto Responsive Layout Library For React. - [gigatables-react](https://github.com/GigaTables/reactables) - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more. -- [griddle-react](https://github.com/GriddleGriddle/Griddle) - Simple Grid Component written in React. -- [ka-table](https://github.com/komarovalexander/ka-table) - [demo](https://komarovalexander.github.io/ka-table/#/command-column) - Customizable MIT React table component with Sorting, Filtering, Grouping, Virtualization, Editing and many more. -- [mui-datatables](https://github.com/gregnb/mui-datatables) - Responsive table component built on Material-UI, featuring search, pagination, sorting, styling, filtering, resizable + view/hide columns, export to CSV, printing, selectable or expandable rows. -- [react-data-components](https://github.com/carlosrocha/react-data-components) - React components for sorting, filtering and pagination of data. - [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid. + +### Table + +- [autoresponsive-react](https://github.com/xudafeng/autoresponsive-react) - Auto Responsive Layout Library For React. +- [griddle-react](https://github.com/GriddleGriddle/Griddle) - Simple grid component that can display data as a table, a list of cards, or on the map. +- [ka-table](https://github.com/komarovalexander/ka-table) - [demo](https://komarovalexander.github.io/ka-table/#/command-column) - Customizable table component with sorting, filtering, grouping, virtualization, editing and many more. 🆕 +- [material-table](https://github.com/mbrn/material-table) - [demo/docs](https://material-table.com/) - Datatable based on material-ui's table with additional features: grouping, tree data, expandable rows, export, inline editing +- [mui-datatables](https://github.com/gregnb/mui-datatables) - Responsive table component built on Material-UI, featuring search, pagination, sorting, styling, filtering, resizable + view/hide columns, export to CSV, printing, selectable or expandable rows. +- [react-data-table](https://github.com/jbetancur/react-data-table-component) - [demo/docs](https://jbetancur.github.io/react-data-table-component/?) - accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination - [react-pivot](https://github.com/davidguttman/react-pivot) - Data-grid component with pivot-table-like for data display, filtering, and exploration. - [react-table](https://github.com/tannerlinsley/react-table) - [demo](https://github.com/tannerlinsley/react-table/blob/master/docs/examples.md) - Hooks for building fast and extendable tables and datagrids - [rsuite-table](https://github.com/rsuite/rsuite-table) - [demo/docs](http://rsuite.github.io/rsuite-table/) - A table component that supports virtualized. - [sematable](https://github.com/sematext/sematable) - Client side sorting, pagination, and text filter for redux/react based apps. - ### Infinite Scroll - [react-infinite](https://github.com/seatgeek/react-infinite) - A browser-ready efficient scrolling container based on UITableView. @@ -499,11 +502,12 @@ _Set of components + responsive layout system_ #### Material Design -- 🚀 [Material-UI](https://github.com/mui-org/material-ui) - React components for faster and easier web development. Build your own design system, or start with Material Design. - - [Modal](https://material-ui.com/components/modal/) - Accessible modal dialog component for React. +- 🚀 [Material-UI](https://github.com/mui-org/material-ui) - Full suite of components for faster and easier web development. Build your own design system, or start with Material Design. + - [Autocomplete](https://material-ui.com/components/tree-view/) - Accessible autocomplete, combobox, multiselect - [Icons](https://material-ui.com/components/material-icons/) - 1,000+ SVG material icons. - - [Slider](https://material-ui.com/components/slider/) - Accessible slider component for React. - - [Autocomplete](https://material-ui.com/components/tree-view/) - Accessible autocomplete, combobox, multiselect component for React. + - [Modal](https://material-ui.com/components/modal/) - Accessible modal dialog component. + - [Slider](https://material-ui.com/components/slider/) - Accessible slider component. + - [Table](https://material-ui.com/components/tables/) - table with sorting, selecting, pagination, virtualized. - [Tree View](https://material-ui.com/components/tree-view/) - Accessible tree view component for React. - [OnsenUI](https://github.com/OnsenUI/OnsenUI/) - [demo/docs](https://onsen.io/v2/guide/react/) - Mobile app development framework. - [react-essence](https://github.com/Evo-Forge/Essence) - Essence - The Essential Material Design Framework. From 32456e06caeb4e20cbc70ff46d0289a195b60873 Mon Sep 17 00:00:00 2001 From: Dan Dascalescu Date: Wed, 15 Jan 2020 20:20:47 -0300 Subject: [PATCH 064/373] Clarify contributing guidelines --- CONTRIBUTING.md | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 031a5c9..b4322d0 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -1,11 +1,16 @@ Please abide by the following: -- List the component alphabetically. -- Reference it only once. -- Describe it succinctly, sufficiently, and without flair. (No line wrap in your listing.) +- Keep the alphabetic sort order of components. +- Reference a component only once. +- Describe it succinctly, sufficiently, and without flair. +- Don't mention "React" in the description. +- Keep descriptions to one line (no wrapping). Use the `Preview changes` tab before committing to ensure this. - If available, please also include a direct link to a demo site. - If available, please also include a direct link to a separate docs site. -- Don't mention "React" in the description. + +Here's an example of how your listing should appear: + +- [React](https://github.com/facebook/react) - [demo](https://reactjs.org/) - [docs](https://reactjs.org/docs/getting-started.html) - A declarative, efficient, and flexible JavaScript library for building user interfaces. # TO ADD A LISTING, YOU MUST REMOVE ONE (or more) UN-AWESOME COMPONENT IN ANY PR. @@ -15,7 +20,3 @@ We want this list to remain fresh. So when you do ANY PR, please also remove at 1 un-awesome component. This could be a component that hasn't been updated in a year or more; a component that has been replaced by better options; or one that just doesn't really seem "awesome" anymore. - -Here's an example of how your listing should appear: - -- [React](https://github.com/facebook/react) - [demo](https://reactjs.org/) - [docs](https://reactjs.org/docs/getting-started.html) - A declarative, efficient, and flexible JavaScript library for building user interfaces. From c2b93c5e38ab545485e8b442b2c7d85b67e8cf67 Mon Sep 17 00:00:00 2001 From: Dan Dascalescu Date: Thu, 16 Jan 2020 00:13:10 -0300 Subject: [PATCH 065/373] Clean up the whole list MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 1. rm "React" cruft from descriptions 2. ensure all descriptions are single-line 3. rm 7 old components and replace one with a native solution: * animakit-elastic, animakit-expander, animakit-rotator says they're unmaintaned * https://github.com/chenglou/react-tween-state has been broken since 2017 * https://github.com/pleasetrythisathome/react.animate - last commit 2015 * https://github.com/avocode/react-droparea - no commits since 2017, under 100 stars * https://github.com/touchstonejs/touchstonejs - [dead](https://github.com/touchstonejs/touchstonejs/issues/124) * https://github.com/reactionic/reactionic - dead and unnecessary - https://ionicframework.com/blog/announcing-ionic-react/ 4. rm comments/musings like " _(Wait, since when are IBM known for design?? 🎨)_" or " _(🤔 But I'm not sure I want a "MSFT experience?")_" or " _(Nice... but surprisingly not as well-designed as I would have thought from Pinterest. 😬)_" --- README.md | 89 +++++++++++++++++++++++++------------------------------ 1 file changed, 41 insertions(+), 48 deletions(-) diff --git a/README.md b/README.md index 1728695..ad32489 100644 --- a/README.md +++ b/README.md @@ -31,9 +31,9 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [autoresponsive-react](https://github.com/xudafeng/autoresponsive-react) - Auto Responsive Layout Library For React. - [griddle-react](https://github.com/GriddleGriddle/Griddle) - Simple grid component that can display data as a table, a list of cards, or on the map. -- [ka-table](https://github.com/komarovalexander/ka-table) - [demo](https://komarovalexander.github.io/ka-table/#/command-column) - Customizable table component with sorting, filtering, grouping, virtualization, editing and many more. 🆕 -- [material-table](https://github.com/mbrn/material-table) - [demo/docs](https://material-table.com/) - Datatable based on material-ui's table with additional features: grouping, tree data, expandable rows, export, inline editing -- [mui-datatables](https://github.com/gregnb/mui-datatables) - Responsive table component built on Material-UI, featuring search, pagination, sorting, styling, filtering, resizable + view/hide columns, export to CSV, printing, selectable or expandable rows. +- [ka-table](https://github.com/komarovalexander/ka-table) - [demo](https://komarovalexander.github.io/ka-table/#/command-column) - Customizable table component with sorting, filtering, grouping, virtualization, editing etc. 🆕 +- [material-table](https://github.com/mbrn/material-table) - [demo/docs](https://material-table.com/) - Built on Material UI, plus: grouping, tree data, expandable rows, export, inline editing +- [mui-datatables](https://github.com/gregnb/mui-datatables) - Built on Material-UI. Search, styling, filtering, resize/hide columns, export, print, select/expand rows. - [react-data-table](https://github.com/jbetancur/react-data-table-component) - [demo/docs](https://jbetancur.github.io/react-data-table-component/?) - accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination - [react-pivot](https://github.com/davidguttman/react-pivot) - Data-grid component with pivot-table-like for data display, filtering, and exploration. - [react-table](https://github.com/tannerlinsley/react-table) - [demo](https://github.com/tannerlinsley/react-table/blob/master/docs/examples.md) - Hooks for building fast and extendable tables and datagrids @@ -63,7 +63,7 @@ _Display overlay / modal / alert / dialog / lightbox / popup_ _Toaster / snackbar — Notify the user with a modeless temporary little popup_ -- [cogo-toast](https://github.com/Cogoport/cogo-toast) - [demo/docs](https://cogoport.github.io/cogo-toast) - Plug and play, toast messages, with promise support and inbuilt styling, ~3.5K. _(No refs / provider needed 😊)_ +- [cogo-toast](https://github.com/Cogoport/cogo-toast) - [demo/docs](https://cogoport.github.io/cogo-toast) - Plug and play, Promise support, inbuilt styling, ~3.5K. _(No refs / provider needed 😊)_ - [react-notifications-component](https://github.com/teodosii/react-notifications-component) - [demo](https://teodosii.github.io/react-notifications-component/) - Highly customizable and easy-to-use component for notifications. - [notistack](https://iamhosseindhv.com/notistack) - [demo](https://codesandbox.io/s/github/iamhosseindhv/notistack/tree/master/examples/simple-example??hidenavigation=1&module=%2FApp.js) - [docs](https://iamhosseindhv.com/notistack/api) - Highly customizable notification snackbars (toasts) that can be stacked on top of each other - [react-notification](https://github.com/pburtchaell/react-notification) - Snackbar notifications for React. @@ -140,7 +140,7 @@ _Display data in charts / graphs / diagrams_ - [chartify](https://github.com/kirillstepkin/chartify) - React.js plugin for building animated draggable and customizable charts. - [essential js 2 charts](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/charts) - Beautiful and interactive charts & graphs for react. - [react-chartist](https://github.com/fraserxu/react-chartist) - React component for Chartist.js. -- [react-charty](https://github.com/99ff00/react-charty) - [demo](https://99ff00.github.io/react-charty/) - Small but powerful interactive data viz with multiple chart types, animations, zooming, theming and a wide variety of supported browsers. +- [react-charty](https://github.com/99ff00/react-charty) - [demo](https://99ff00.github.io/react-charty/) - Small but powerful interactive data viz with multiple chart types, animations, zooming, theming. - [react-chartjs-2](https://github.com/jerairrest/react-chartjs-2) - Common react charting components using Chart.js 2.0. - [react-d3-components](https://github.com/codesuki/react-d3-components) - D3 Components for React. - [react-dazzle](https://github.com/Raathigesh/Dazzle) - Dashboards made easy in React JS. @@ -240,7 +240,7 @@ _Display parsed markdow source_ - [material-color-hash](https://github.com/BelkaLab/material-color-hash) - Hash strings to Material UI colors. - [react-avatar](https://github.com/Sitebase/react-avatar) - Universal React avatar component makes it possible to generate avatars based on user information. - [react-avatar-generator](https://github.com/JosephSmith127/react-avatar-generator) - Allows users to create random kaleidoscopes to be used as avatars. -- [react-awesome-query-builder](https://github.com/ukrbublik/react-awesome-query-builder) - [demo](https://ukrbublik.github.io/react-awesome-query-builder/) - User-friendly, highly configurable component to build queries with export to MongoDb, SQL or custom format. +- [react-awesome-query-builder](https://github.com/ukrbublik/react-awesome-query-builder) - [demo](https://ukrbublik.github.io/react-awesome-query-builder/) - Visual query builder from form fields, with SQL, MongoDB and JSON export - [react-blur](https://github.com/javierbyte/react-blur) - React component for blurred backgrounds. - [react-facebook](https://github.com/CherryProjects/react-facebook) - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post. - [react-simple-chatbot](https://github.com/LucasBassetti/react-simple-chatbot) - [demo](https://github.com/anishagg17/PIzzaBuilder) - A simple chatbot component to create conversation chats. @@ -288,7 +288,7 @@ _Masked inputs, specialized inputs; email / telephone number / credit card / etc - [react-input-mask](https://github.com/sanniassin/react-input-mask) - Yet another react component for input masking. - [react-maskedinput](https://github.com/insin/react-maskedinput) - Masked <input/> React component. - [react-text-mask](https://github.com/msafi/text-mask) - Input mask for React, Angular, and vanilla JavaScript. Flexible, robust & tiny. -- [react-numpad](https://github.com/gpietro/react-numpad) - A numpad for number, date and time, built with and for React. It's written with the extensibility in mind. The idea of this project is to cover the majority of input types in a form. +- [react-numpad](https://github.com/gpietro/react-numpad) - [demo](https://gpietro.github.io/react-numpad-demo/) - Extensible number pad control for numbers, dates and times. #### Autocomplete @@ -357,7 +357,6 @@ _Let the user add multiple tags in a single input_ - [react-dnd](https://github.com/gaearon/react-dnd) - Drag and Drop for React. - [react-draggable](https://github.com/mzabriskie/react-draggable) - React draggable component. - [react-dragula](https://github.com/bevacqua/react-dragula) - Drag and drop so simple it hurts. -- [react-droparea](https://github.com/avocode/react-droparea) - Drag and Drop library for React. - [react-dropzone](https://github.com/okonet/react-dropzone) - Simple HTML5 drag-drop zone with React.js. - [react-sortable-pane](https://github.com/bokuweb/react-sortable-pane) - Sortable and resizable pane component for React. @@ -368,26 +367,26 @@ _Let the user define an order on a list_ - [react-anything-sortable](https://github.com/jasonslyvia/react-anything-sortable) - Sort any children with touch support and IE8 compatibility. - [react-sortable-hoc](https://github.com/clauderic/react-sortable-hoc) - Higher-order components to turn any list into an animated, touch-friendly, sortable list. - [react-sortable](https://github.com/danielstocks/react-sortable) - A sortable list component built with React. -- [sortablejs](https://github.com/RubaXa/Sortable) - A JavaScript library for reorderable drag-and-drop lists. +- [sortablejs](https://github.com/SortableJS/Sortable) - Lists reorderable by drag-and-drop, within and among lists. #### Rich Text Editor - [alloyeditor](https://github.com/liferay/alloy-editor) - WYSIWYG editor based on CKEditor with completely rewritten UI. - [draft-js](https://github.com/facebook/draft-js) - A React framework for building text editors. - [megadraft](https://github.com/globocom/megadraft) - Rich Text editor built on top of draft.js. -- [react-ace](https://github.com/securingsincity/react-ace) - React Ace Component. -- [react-codemirror](https://github.com/JedWatson/react-codemirror) - Codemirror Component for React.js. +- [react-ace](https://github.com/securingsincity/react-ace) - Ace (Advanced Code Editor) wraper. +- [react-codemirror](https://github.com/JedWatson/react-codemirror) - CodeMirror wrapper. - [react-contenteditable](https://github.com/lovasoa/react-contenteditable) - React component for a div with editable contents. -- [react-draft-wysiwyg](https://github.com/jpuri/react-draft-wysiwyg) - A Wysiwyg editor build on top of ReactJS and DraftJS. -- [react-medium-editor](https://github.com/wangzuo/react-medium-editor) - React wrapper for medium-editor. -- [react-quill](https://github.com/zenoamaro/react-quill) - A Quill component for React. -- [react-trumbowyg](https://github.com/RD17/react-trumbowyg) - React wrapper for Trumbowyg. +- [react-draft-wysiwyg](https://github.com/jpuri/react-draft-wysiwyg) - WYSIWYG editor build on top of [DraftJS](https://draftjs.org/). +- [react-medium-editor](https://github.com/wangzuo/react-medium-editor) - medium-editor wrapper. +- [react-quill](https://github.com/zenoamaro/react-quill) - Quill wrapper. +- [react-trumbowyg](https://github.com/RD17/react-trumbowyg) - [Trumbowyg](https://alex-d.github.io/Trumbowyg/) wrapper. - [ritzy](https://github.com/ritzyed/ritzy) - Collaborative web-based rich text editor. #### Markdown Editor - [react-markdown-editor](https://github.com/jrm2k6/react-markdown-editor) - A markdown editor using React/Reflux. -- [react-md-editor](https://github.com/JedWatson/react-md-editor) - React.js Markdown Editor Component. +- [react-md-editor](https://github.com/JedWatson/react-md-editor) - Markdown editor. #### Image Editing @@ -397,14 +396,14 @@ _Image manipulation_ - [react-avatar-editor](https://github.com/mosch/react-avatar-editor) - Facebook-like, avatar / profile picture component. - [react-easy-crop](https://github.com/ricardo-ch/react-easy-crop) - Component to crop/rotate images/videos with easy interactions. Touch friendly. - [react-image-crop](https://github.com/DominicTobias/react-image-crop) - A responsive image cropping tool for React. -- [react-image-cropper](https://github.com/jerryshew/react-image-cropper) - React image crop. +- [react-image-cropper](https://github.com/jerryshew/react-image-cropper) - Image cropper. #### Form Component Collections - [formsy-material-ui](https://github.com/mbrookes/formsy-material-ui) - A Formsy compatibility wrapper for Material-UI form components. - [formsy-react-components](https://github.com/twisty/formsy-react-components) - A set of React JS components for use in a formsy-react form. - [react-input-enhancements](https://github.com/alexkuz/react-input-enhancements) - Set of enhancements for input control. -- [react-widgets](https://github.com/jquense/react-widgets) - An à la carte set of polished, extensible, and accessible inputs built for React. +- [react-widgets](https://github.com/jquense/react-widgets) - An à la carte set of polished, extensible, and accessible inputs. #### Miscellaneous @@ -414,7 +413,7 @@ _Image manipulation_ #### Syntax Highlight -- [react-syntax-highlighter](https://github.com/conorhastings/react-syntax-highlighter) - Syntax highlighting component for react with prismjs or highlightjs ast using inline styles. +- [react-syntax-highlighter](https://github.com/conorhastings/react-syntax-highlighter) - Syntax highlighting component with Prismjs or Highlightjs AST using inline styles. ## UI Layout @@ -422,44 +421,39 @@ _Components to layout the app's UI_ - [autoresponsive-react](https://github.com/xudafeng/autoresponsive-react) - Auto responsive grid layout library. - [flexbox-react](https://github.com/nachoaIvarez/flexbox-react) Unopinionated, standard compliant flexbox components. -- [golden-layout](https://github.com/deepstreamIO/golden-layout) - A multi-screen javascript Layout manager. -- [hedron](https://github.com/JSBros/hedron) - A no-frills flexbox grid system for React, powered by styled-components. -- [m-react-splitters](https://github.com/martinnov92/React-Splitters) - React splitter component, written in TypeScript. +- [golden-layout](https://github.com/deepstreamIO/golden-layout) - A multi-screen JavaScript Layout manager. +- [hedron](https://github.com/JSBros/hedron) - A no-frills flexbox grid system, powered by styled-components. +- [m-react-splitters](https://github.com/martinnov92/React-Splitters) - Splitter component, written in TypeScript. - [react-flexbox-grid](https://github.com/roylee0704/react-flexbox-grid) - A set of React components implementing flexboxgrid with the power of CSS Modules. - [react-grid-layout](https://github.com/STRML/react-grid-layout) - A draggable and resizable grid layout with responsive breakpoints, for React. -- [react-masonry-component](https://github.com/eiriklv/react-masonry-component) - A React.js component for using @desandro's Masonry. +- [react-masonry-component](https://github.com/eiriklv/react-masonry-component) - Wrapper for @desandro's Masonry. - [react-reflex](https://github.com/leefsmp/Re-Flex) - Flex layout container component for advanced React web applications. - [react-spaces](https://github.com/aeagle/react-spaces) - [demo/docs](https://www.allaneagle.com/react-spaces/demo/) - Nestable anchored, resizable, scrollable components. -- [react-stack-grid](https://github.com/tsuyoshiwada/react-stack-grid) - Pinterest like layout components for React.js. -- [react-stonecutter](https://github.com/dantrain/react-stonecutter) - Animated grid layout component for React. +- [react-stack-grid](https://github.com/tsuyoshiwada/react-stack-grid) - Pinterest like layout components. +- [react-stonecutter](https://github.com/dantrain/react-stonecutter) - Animated grid layout component. ## UI Animation _Animate transitions_ -- [animakit-elastic](https://github.com/animakit/animakit-elastic) - AnimakitElastic - React component for flexible resizing of the blocks. -- [animakit-expander](https://github.com/animakit/animakit-expander) - AnimakitExpander - React component for the expanding and collapsing of the blocks. -- [animakit-rotator](https://github.com/animakit/animakit-rotator) - AnimakitRotator - React component for the 3D rotation of the blocks. -- [data-driven-motion](https://github.com/tkh44/data-driven-motion) - Easily animate your data in react. -- [react-anime](https://github.com/stelatech/react-anime) - A super easy animation library for React. +- [data-driven-motion](https://github.com/tkh44/data-driven-motion) - Easily animate your data. +- [react-anime](https://github.com/stelatech/react-anime) - A super easy animation library. - [react-flip-move](https://github.com/joshwcomeau/react-flip-move) - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique. - [react-gsap-enhancer](https://github.com/azazdeaz/react-gsap-enhancer) - Use the full power of React and GSAP together. -- [react-magic-move](https://github.com/ryanflorence/react-magic-move) - MagicMove for React.js. +- [react-magic-move](https://github.com/ryanflorence/react-magic-move) - MagicMove wrapper. - [react-motion-ui-pack](https://github.com/souporserious/react-motion-ui-pack) - Wrapper component around React Motion for easier UI transitions. - [react-motion](https://github.com/chenglou/react-motion) - A spring that solves your animation problems. -- [react-mt-svg-lines](https://github.com/moarwick/react-mt-svg-lines) - A React.js wrapper component to animate the line stroke in SVGs. +- [react-mt-svg-lines](https://github.com/moarwick/react-mt-svg-lines) - Wrapper to animate the line stroke in SVGs. - [react-router-transition](https://github.com/maisano/react-router-transition) - Transitions built for react-router, powered by react-motion. -- [react-spring](https://github.com/react-spring/react-spring) - A spring physics based React animation library. +- [react-spring](https://github.com/react-spring/react-spring) - A spring physics based animation library. - [react-spark-scroll](https://github.com/gilbox/react-spark-scroll) - Scroll-based actions and animations for react. - [react-track](https://github.com/gilbox/react-track) - Track the position of DOM elements. Create cool animations. -- [react-transitive-number](https://github.com/Lapple/react-transitive-number) - React component to apply transition effect to numeric strings, a la old Groupon timers. -- [react-tween-state](https://github.com/chenglou/react-tween-state) - React animation. -- [react-tween](https://github.com/clari/react-tween) - Tween animation for React components. +- [react-transitive-number](https://github.com/Lapple/react-transitive-number) - Apply transition effect to numeric strings, a la old Groupon timers. +- [react-tween](https://github.com/clari/react-tween) - Tween animation. - [react-web-animation](https://github.com/bringking/react-web-animation) - React components for the Web Animations API -. -- [react.animate](https://github.com/pleasetrythisathome/react.animate) - State animation plugin for react.js. -- [velocity-react](https://github.com/twitter-fabric/velocity-react) - React components for Velocity.js. +- [velocity-react](https://github.com/twitter-fabric/velocity-react) - Velocity.js wrapper. - [react-scroll-rotate](https://github.com/giladk/react-scroll-rotate) - [demo](https://giladk.github.io/react-scroll-rotate/) - Very simple scroll based element rotation -- [react-particles-bg](https://github.com/lindelof/particles-bg) - React component for particles backgrounds. +- [react-particles-bg](https://github.com/lindelof/particles-bg) - Particles backgrounds. ### Parallax @@ -482,12 +476,12 @@ _Set of components + responsive layout system_ - [atlaskit](https://atlaskit.atlassian.com/packages) - Atlassian's official UI library. _(Please... no more Jira though 😉)_ - [base web](https://baseweb.design) - Base Web is a foundation for initiating, evolving, and unifying web products. - [belle](https://github.com/nikgraf/belle) - Configurable React Components with great UX. -- [blueprint](https://github.com/palantir/blueprint) - [demo](https://blueprintjs.com/) - [docs](https://blueprintjs.com/docs/) - UI toolkit for the web. -- [carbon](https://github.com/carbon-design-system/carbon) - [demo/docs](https://www.carbondesignsystem.com/) - A design system built by IBM. _(Wait, since when are IBM known for design?? 🎨)_ +- [blueprint](https://github.com/palantir/blueprint) - [demo](https://blueprintjs.com/) - [docs](https://blueprintjs.com/docs/) - UI toolkit for building complex, data-dense web interfaces for desktop (not mobile) applications. +- [carbon](https://github.com/carbon-design-system/carbon) - [demo/docs](https://www.carbondesignsystem.com/) - A design system built by IBM. - [fluent-ui](https://github.com/fluent-org/fluent-ui) - [demo/docs](https://fluent-ui.com/) - 🌈 React components that inspired by Microsoft's Fluent Design System. - [grommet](https://github.com/grommet/grommet) - The most advanced UX framework for enterprise applications. -- [gestalt](https://github.com/pinterest/gestalt) - [demo/docs](https://pinterest.github.io/gestalt/#/) - A set of components that supports Pinterest’s design language. _(Nice... but surprisingly not as well-designed as I would have thought from Pinterest. 😬)_ -- [office-ui-fabric-react](https://github.com/OfficeDev/office-ui-fabric-react) - React components for building Microsoft web experiences. _(🤔 But I'm not sure I want a "MSFT experience?")_ +- [gestalt](https://github.com/pinterest/gestalt) - [demo/docs](https://pinterest.github.io/gestalt/#/) - A set of components that supports Pinterest’s design language. +- [office-ui-fabric-react](https://github.com/OfficeDev/office-ui-fabric-react) - React components for building Microsoft web experiences. - [pivotal-ui-react](https://github.com/pivotal-cf/pivotal-ui) - React components based on a custom version of the Bootstrap library. - [rctui](https://github.com/Lobos/react-ui) - A collection of components for React. - [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap components built with React. @@ -502,7 +496,7 @@ _Set of components + responsive layout system_ #### Material Design -- 🚀 [Material-UI](https://github.com/mui-org/material-ui) - Full suite of components for faster and easier web development. Build your own design system, or start with Material Design. +- 🚀 [Material-UI](https://github.com/mui-org/material-ui) - Full suite of components. Build your own design system, or start with Material Design. - [Autocomplete](https://material-ui.com/components/tree-view/) - Accessible autocomplete, combobox, multiselect - [Icons](https://material-ui.com/components/material-icons/) - 1,000+ SVG material icons. - [Modal](https://material-ui.com/components/modal/) - Accessible modal dialog component. @@ -512,13 +506,12 @@ _Set of components + responsive layout system_ - [OnsenUI](https://github.com/OnsenUI/OnsenUI/) - [demo/docs](https://onsen.io/v2/guide/react/) - Mobile app development framework. - [react-essence](https://github.com/Evo-Forge/Essence) - Essence - The Essential Material Design Framework. - [react-materialize](https://github.com/react-materialize/react-materialize) - Material design for react, powered by materializecss. -- [react-toolbox](https://github.com/react-toolbox/react-toolbox) - A set of React components implementing Google's Material Design. +- [react-toolbox](https://github.com/react-toolbox/react-toolbox) - A set of React components implementing Google's Material Design. ### Mobile -- [antd-mobile](https://github.com/ant-design/ant-design-mobile) - A configurable Mobile UI. -- [reactionic](https://github.com/reactionic/reactionic) - React Ionic. -- [touchstonejs](https://github.com/touchstonejs/touchstonejs) - Mobile App Framework powered by React. +- [antd-mobile](https://github.com/ant-design/ant-design-mobile) - Configurable Mobile UI from China. +- [Ionic React](https://ionicframework.com/blog/announcing-ionic-react/) - native React version of Ionic Framework to easily build Android, Desktop, Progressive Web Apps with one code base. ### Component Collections From e23d9c4ee968e6ceba5ccdde3bb09e37044829d1 Mon Sep 17 00:00:00 2001 From: Dan Dascalescu Date: Thu, 16 Jan 2020 00:29:11 -0300 Subject: [PATCH 066/373] Move Onsen from Material to Mobile --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index ad32489..6ddc066 100644 --- a/README.md +++ b/README.md @@ -503,7 +503,6 @@ _Set of components + responsive layout system_ - [Slider](https://material-ui.com/components/slider/) - Accessible slider component. - [Table](https://material-ui.com/components/tables/) - table with sorting, selecting, pagination, virtualized. - [Tree View](https://material-ui.com/components/tree-view/) - Accessible tree view component for React. -- [OnsenUI](https://github.com/OnsenUI/OnsenUI/) - [demo/docs](https://onsen.io/v2/guide/react/) - Mobile app development framework. - [react-essence](https://github.com/Evo-Forge/Essence) - Essence - The Essential Material Design Framework. - [react-materialize](https://github.com/react-materialize/react-materialize) - Material design for react, powered by materializecss. - [react-toolbox](https://github.com/react-toolbox/react-toolbox) - A set of React components implementing Google's Material Design. @@ -512,6 +511,7 @@ _Set of components + responsive layout system_ - [antd-mobile](https://github.com/ant-design/ant-design-mobile) - Configurable Mobile UI from China. - [Ionic React](https://ionicframework.com/blog/announcing-ionic-react/) - native React version of Ionic Framework to easily build Android, Desktop, Progressive Web Apps with one code base. +- [OnsenUI](https://github.com/OnsenUI/OnsenUI/) - [demo/docs](https://onsen.io/v2/guide/react/) - Mobile app framework with Material and flat (iOS) designs. Based on Web Components. ### Component Collections From e045521536316accacc341352af3285b4ebfbd67 Mon Sep 17 00:00:00 2001 From: Dan Dascalescu Date: Thu, 16 Jan 2020 00:47:47 -0300 Subject: [PATCH 067/373] blueprint and rsuite are for desktop apps - rm https://github.com/Lobos/react-ui (deprecated). Credit to add: 8. --- README.md | 20 +++++++------------- 1 file changed, 7 insertions(+), 13 deletions(-) diff --git a/README.md b/README.md index 6ddc066..9b338ea 100644 --- a/README.md +++ b/README.md @@ -466,33 +466,24 @@ _Animate transitions_ _Set of components + responsive layout system_ -- 🚀 [ant-design](https://github.com/ant-design/ant-design) - [demo/docs](https://ant.design/docs/react/introduce) - A UI Design Language. - - [rc-tooltip](https://github.com/react-component/tooltip) - React Tooltip. - - [rc-menu](https://github.com/react-component/menu) - React Menu. - - [rc-animate](https://github.com/react-component/animate) - Anim react element easily. - - [rc-slider](https://github.com/react-component/slider) - React Slider. - - [rc-calendar](https://github.com/react-component/calendar) - React Calendar. - - [rc-progress](https://github.com/react-component/progress) - React Progress Bar. -- [atlaskit](https://atlaskit.atlassian.com/packages) - Atlassian's official UI library. _(Please... no more Jira though 😉)_ +- 🚀 [ant-design](https://github.com/ant-design/ant-design) - [demo/docs](https://ant.design/docs/react/introduce) - A UI Design Language from China. Individual [components](http://react-component.github.io/) available. +- [atlaskit](https://atlaskit.atlassian.com/packages) - Atlassian's official UI library, with components from _badge_ to _tree table_. - [base web](https://baseweb.design) - Base Web is a foundation for initiating, evolving, and unifying web products. - [belle](https://github.com/nikgraf/belle) - Configurable React Components with great UX. -- [blueprint](https://github.com/palantir/blueprint) - [demo](https://blueprintjs.com/) - [docs](https://blueprintjs.com/docs/) - UI toolkit for building complex, data-dense web interfaces for desktop (not mobile) applications. - [carbon](https://github.com/carbon-design-system/carbon) - [demo/docs](https://www.carbondesignsystem.com/) - A design system built by IBM. - [fluent-ui](https://github.com/fluent-org/fluent-ui) - [demo/docs](https://fluent-ui.com/) - 🌈 React components that inspired by Microsoft's Fluent Design System. - [grommet](https://github.com/grommet/grommet) - The most advanced UX framework for enterprise applications. - [gestalt](https://github.com/pinterest/gestalt) - [demo/docs](https://pinterest.github.io/gestalt/#/) - A set of components that supports Pinterest’s design language. - [office-ui-fabric-react](https://github.com/OfficeDev/office-ui-fabric-react) - React components for building Microsoft web experiences. - [pivotal-ui-react](https://github.com/pivotal-cf/pivotal-ui) - React components based on a custom version of the Bootstrap library. -- [rctui](https://github.com/Lobos/react-ui) - A collection of components for React. - [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap components built with React. - [react-foundation-apps](https://github.com/akiran/react-foundation-apps) - Foundation Apps components built with React. - [react-foundation](https://github.com/nordsoftware/react-foundation) - Foundation as React components. - [reakit](https://github.com/reakit/reakit) - [demo/docs](https://reakit.io/docs/button/) Toolkit for building accessible rich web apps - [rebass](https://github.com/jxnblk/rebass) - Configurable React Stateless Functional UI Components. -- [rsuite](https://github.com/rsuite/rsuite) - [demo/docs](https://rsuitejs.com/) - A suite of React components. - [searchkit](https://github.com/searchkit/searchkit) - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch. - [semantic-ui-react](https://github.com/Semantic-Org/Semantic-UI-React) - The official Semantic-UI-React integration. -- [shineout](https://github.com/sheinsight/shineout) - [demo](https://shine.wiki/1.4.x/en/components/GetStart) - Chinese-friendly set of components, including form elements, navigation, table, tree and tree select drop-downs. +- [shineout](https://github.com/sheinsight/shineout) - [demo](https://shine.wiki/1.4.x/en/components/GetStart) - Chinese-friendly set of components: form elements, navigation, table, tree, tree select drop-down etc. #### Material Design @@ -510,17 +501,20 @@ _Set of components + responsive layout system_ ### Mobile - [antd-mobile](https://github.com/ant-design/ant-design-mobile) - Configurable Mobile UI from China. -- [Ionic React](https://ionicframework.com/blog/announcing-ionic-react/) - native React version of Ionic Framework to easily build Android, Desktop, Progressive Web Apps with one code base. +- [Ionic React](https://ionicframework.com/blog/announcing-ionic-react/) - Ionic Framework: easily build Android, Desktop and Progressive Web Apps with one code base. - [OnsenUI](https://github.com/OnsenUI/OnsenUI/) - [demo/docs](https://onsen.io/v2/guide/react/) - Mobile app framework with Material and flat (iOS) designs. Based on Web Components. ### Component Collections +- [blueprint](https://github.com/palantir/blueprint) - [demo](https://blueprintjs.com/) - [docs](https://blueprintjs.com/docs/) - UI toolkit for building complex, data-dense web interfaces for desktop (not mobile) applications. - [dataminr-react-components](https://github.com/dataminr/react-components) - Collection of reusable React Components and utility functions. - [shards-react](https://github.com/DesignRevision/shards-react) - [docs/demo](https://designrevision.com/docs/shards-react/getting-started) - A beautiful and modern React design system. Freemium 💰 - [aframe-react](https://github.com/ngokevin/aframe-react) - Build virtual reality experiences with A-Frame and React. - [react-admin](https://github.com/marmelab/react-admin) - Build admin user experiences on top of REST and GraphQL services. - [react-desktop](https://github.com/gabrielbull/react-desktop) - React UI Components for macOS Sierra and Windows 10. - [react-stack-cards](https://github.com/yoloten/react-stack-cards) - Collection of stack card effects for galleries and preview grids. +- [rsuite](https://github.com/rsuite/rsuite) - [demo/docs](https://rsuitejs.com/) - Suite of components for "enterprise system products". + ## UI Utilities From 8331f93142a32fe47d3cf4837f12d356b71aceab Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A9=B7=E8=83=B8=E6=9E=81=E9=A5=BF?= Date: Thu, 16 Jan 2020 14:29:04 +0800 Subject: [PATCH 068/373] add chakra-ui --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 9b338ea..bbc3474 100644 --- a/README.md +++ b/README.md @@ -471,6 +471,7 @@ _Set of components + responsive layout system_ - [base web](https://baseweb.design) - Base Web is a foundation for initiating, evolving, and unifying web products. - [belle](https://github.com/nikgraf/belle) - Configurable React Components with great UX. - [carbon](https://github.com/carbon-design-system/carbon) - [demo/docs](https://www.carbondesignsystem.com/) - A design system built by IBM. +- [chakra-ui](https://github.com/chakra-ui/chakra-ui) - [demo/docs](https://chakra-ui.com) - Simple, Modular & Accessible UI Components for your React Applications. - [fluent-ui](https://github.com/fluent-org/fluent-ui) - [demo/docs](https://fluent-ui.com/) - 🌈 React components that inspired by Microsoft's Fluent Design System. - [grommet](https://github.com/grommet/grommet) - The most advanced UX framework for enterprise applications. - [gestalt](https://github.com/pinterest/gestalt) - [demo/docs](https://pinterest.github.io/gestalt/#/) - A set of components that supports Pinterest’s design language. From 4dd4264caa82a7822f4613d60bf40e8247faf523 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A9=B7=E8=83=B8=E6=9E=81=E9=A5=BF?= Date: Thu, 16 Jan 2020 15:26:11 +0800 Subject: [PATCH 069/373] add evergreen --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index bbc3474..13b4c21 100644 --- a/README.md +++ b/README.md @@ -472,6 +472,7 @@ _Set of components + responsive layout system_ - [belle](https://github.com/nikgraf/belle) - Configurable React Components with great UX. - [carbon](https://github.com/carbon-design-system/carbon) - [demo/docs](https://www.carbondesignsystem.com/) - A design system built by IBM. - [chakra-ui](https://github.com/chakra-ui/chakra-ui) - [demo/docs](https://chakra-ui.com) - Simple, Modular & Accessible UI Components for your React Applications. +- [evergreen](https://github.com/segmentio/evergreen) - [demo/docs](https://evergreen.segment.com) - Evergreen React UI Framework by Segment. - [fluent-ui](https://github.com/fluent-org/fluent-ui) - [demo/docs](https://fluent-ui.com/) - 🌈 React components that inspired by Microsoft's Fluent Design System. - [grommet](https://github.com/grommet/grommet) - The most advanced UX framework for enterprise applications. - [gestalt](https://github.com/pinterest/gestalt) - [demo/docs](https://pinterest.github.io/gestalt/#/) - A set of components that supports Pinterest’s design language. From d83b67ef1b102513f5098447dbe02dd5a88f792b Mon Sep 17 00:00:00 2001 From: Paolo Longo Date: Fri, 17 Jan 2020 09:38:10 +0100 Subject: [PATCH 070/373] Add muuri-react --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 13b4c21..0ff2816 100644 --- a/README.md +++ b/README.md @@ -424,6 +424,7 @@ _Components to layout the app's UI_ - [golden-layout](https://github.com/deepstreamIO/golden-layout) - A multi-screen JavaScript Layout manager. - [hedron](https://github.com/JSBros/hedron) - A no-frills flexbox grid system, powered by styled-components. - [m-react-splitters](https://github.com/martinnov92/React-Splitters) - Splitter component, written in TypeScript. +- [muuri-react](https://github.com/Paol-imi/muuri-react) - [demo](https://codesandbox.io/s/muuri-react-pqtbx) - Responsive, sortable, filterable and draggable grid layouts *([Muuri](https://github.com/haltu/muuri) implementation)*. - [react-flexbox-grid](https://github.com/roylee0704/react-flexbox-grid) - A set of React components implementing flexboxgrid with the power of CSS Modules. - [react-grid-layout](https://github.com/STRML/react-grid-layout) - A draggable and resizable grid layout with responsive breakpoints, for React. - [react-masonry-component](https://github.com/eiriklv/react-masonry-component) - Wrapper for @desandro's Masonry. From 25c99c16f2f949db7095debb2568d9288c33c654 Mon Sep 17 00:00:00 2001 From: Andrey Bakhvalov Date: Mon, 20 Jan 2020 13:32:46 +0300 Subject: [PATCH 071/373] add demo link to react-input-mask --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 0ff2816..23c9242 100644 --- a/README.md +++ b/README.md @@ -285,7 +285,7 @@ _Masked inputs, specialized inputs; email / telephone number / credit card / etc - [react-credit-cards](https://github.com/amarofashion/react-credit-cards) - Beautiful credit cards for your payment forms. - [react-payment-inputs](https://github.com/medipass/react-payment-inputs) - [demo](https://medipass.github.io/react-payment-inputs/?path=/story/usepaymentinputs--basic-no-styles) - A zero-dependency container to help with payment card input fields. -- [react-input-mask](https://github.com/sanniassin/react-input-mask) - Yet another react component for input masking. +- [react-input-mask](https://github.com/sanniassin/react-input-mask) - [demo](http://sanniassin.github.io/react-input-mask/demo.html) - Yet another react component for input masking. - [react-maskedinput](https://github.com/insin/react-maskedinput) - Masked <input/> React component. - [react-text-mask](https://github.com/msafi/text-mask) - Input mask for React, Angular, and vanilla JavaScript. Flexible, robust & tiny. - [react-numpad](https://github.com/gpietro/react-numpad) - [demo](https://gpietro.github.io/react-numpad-demo/) - Extensible number pad control for numbers, dates and times. From ac9a81e525232eb1aba5960c3263da78b97a6cbf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jos=C3=A9=20Manuel=20Lucas?= Date: Mon, 20 Jan 2020 17:36:14 +0100 Subject: [PATCH 072/373] Update README.md - Remove "recompose" because it is deprecated - Add "reactponsive" (disclaimer: I'm the author) --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 0ff2816..c237a97 100644 --- a/README.md +++ b/README.md @@ -612,7 +612,6 @@ _Data flow / data management / data stores / components state / data flow_ - [react-redux-provide](https://github.com/loggur/react-redux-provide) - Bridges the gap between Redux and the declarative nature of GraphQL/Relay. - [react-redux](https://github.com/reactjs/react-redux) - Official React bindings for Redux. - [react-storage-hoc](https://github.com/yandavid/react-storage-hoc) - [demo](https://codesandbox.io/s/c0hxj?module=/src/App.js) - Higher-order components for working with localStorage and sessionStorage. -- [recompose](https://github.com/acdlite/recompose) - A React utility belt for function components and higher-order components. - [redux-batched-actions](https://github.com/tshelburne/redux-batched-actions) - Reducer + action to reduce actions under a single subscriber notification. - [redux-batched-subscribe](https://github.com/tappleby/redux-batched-subscribe) - Store enhancer for which allows batching subscribe notifications. - [redux](https://github.com/reactjs/redux) - Predictable state container for JavaScript apps. @@ -679,6 +678,7 @@ _Component properties asynchronously fetched over the network_ - [react-container-query](https://github.com/d6u/react-container-query) - Modular responsive component. - [react-css-modules](https://github.com/gajus/react-css-modules) - Seamless mapping of class names to CSS modules inside of React components. - [react-responsive](https://github.com/contra/react-responsive) - Media queries in react for responsive design. +- [reactponsive](https://github.com/jmlweb/reactponsive) - Responsive components and hooks. - [styled-components](https://github.com/styled-components/styled-components) - Visual primitives for the component age. ### HTML Template From 5ec348b364997320d35a77c13556ee28dc8f0f8c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hern=C3=A1n=20Sartorio?= Date: Wed, 22 Jan 2020 14:11:18 -0300 Subject: [PATCH 073/373] Add react-nice-dates --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index ed02310..db8b5bc 100644 --- a/README.md +++ b/README.md @@ -270,6 +270,7 @@ _Date picker / time picker / datetime picker / date range picker_ - [react-datetime](https://github.com/YouCanBookMe/react-datetime) - A lightweight but complete datetime picker react component. - [react-day-picker](https://github.com/gpbl/react-day-picker) - Flexible date picker for React. - [react-flatpickr](https://github.com/coderhaoxin/react-flatpickr) - Flatpickr for React. +- [react-nice-dates](https://github.com/hernansartorio/react-nice-dates) - [demo/docs](https://reactnicedates.hernansartorio.com/) A responsive, touch-friendly, and modular date picker library. - [react-simple-timefield](https://github.com/antonfisher/react-simple-timefield) - [demo](https://antonfisher.com/react-simple-timefield/) - Simple time input field. - [react-timezone-select](https://github.com/ndom91/react-timezone-select) - [demo](https://ndom91.github.io/react-timezone-select/) - Dynamic, succinct timezone select. Based on `react-select`. - [react-yearly-calendar](https://github.com/BelkaLab/react-yearly-calendar) - React.js Yearly Calendar Component. From 3dc629c8e88b20e82ad5277c3174a878528a10d2 Mon Sep 17 00:00:00 2001 From: Pram Date: Thu, 23 Jan 2020 19:10:03 +0000 Subject: [PATCH 074/373] Adding semiotic in chart section --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index db8b5bc..c08b092 100644 --- a/README.md +++ b/README.md @@ -156,6 +156,7 @@ _Display data in charts / graphs / diagrams_ - [rumble-charts](https://github.com/rumble-charts/rumble-charts) - React components for building composable and flexible charts. - [victory](https://github.com/FormidableLabs/victory) - Data viz for React. - [reaviz](https://github.com/jask-oss/reaviz) - ReactJS Data Visualization Library based on D3.js +- [semiotic](https://semiotic.nteract.io/) - Semiotic is a data visualization framework for React ### Tree From 14bd2e3afbaececf6b8f7a641c42629a9da6b261 Mon Sep 17 00:00:00 2001 From: cagataycivici Date: Fri, 24 Jan 2020 16:58:59 +0300 Subject: [PATCH 075/373] Add PrimeReact --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index c08b092..0ee439e 100644 --- a/README.md +++ b/README.md @@ -481,6 +481,7 @@ _Set of components + responsive layout system_ - [gestalt](https://github.com/pinterest/gestalt) - [demo/docs](https://pinterest.github.io/gestalt/#/) - A set of components that supports Pinterest’s design language. - [office-ui-fabric-react](https://github.com/OfficeDev/office-ui-fabric-react) - React components for building Microsoft web experiences. - [pivotal-ui-react](https://github.com/pivotal-cf/pivotal-ui) - React components based on a custom version of the Bootstrap library. +- [primereact](https://github.com/primefaces/primereact) - A complete UI Framework with 50+ components featuring material, bootstrap and custom themes. - [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap components built with React. - [react-foundation-apps](https://github.com/akiran/react-foundation-apps) - Foundation Apps components built with React. - [react-foundation](https://github.com/nordsoftware/react-foundation) - Foundation as React components. From cdb93c38edb1e85db930cf3d50ab8e48d36dfc15 Mon Sep 17 00:00:00 2001 From: bluepeter Date: Fri, 24 Jan 2020 10:45:00 -0800 Subject: [PATCH 076/373] Delete declined.json --- declined.json | 44 -------------------------------------------- 1 file changed, 44 deletions(-) delete mode 100644 declined.json diff --git a/declined.json b/declined.json deleted file mode 100644 index f94ddfc..0000000 --- a/declined.json +++ /dev/null @@ -1,44 +0,0 @@ -{ - "react-chips": { - "@brillout": true - }, - "react-weui": { - "@brillout": true - }, - "stardust": { - "@brillout": true - }, - "echarts-for-react": { - "@brillout": true - }, - "cx-core": { - "@n337": true, - "@psyt3c": true - }, - "react-server-render-starter-kit": { - "@n337": true - }, - "react-fabric": { - "@brillout": true - }, - "react-radio-button": { - "@hjinu": true - }, - "react-bootstrap-time-picker": { - "@n337": true - }, - "react-plyr": { - "@n337": true, - "@psyt3c": true - }, - "react-tj-treeview": { - "@n337": true, - "@psyt3c": true - }, - "hoc-react-loader": { - "@brillout": true - }, - "hoc-react-animate": { - "@brillout": true - } -} From 260a53b389627f570d8eb0095296cd2194074f9a Mon Sep 17 00:00:00 2001 From: bluepeter Date: Fri, 24 Jan 2020 10:45:12 -0800 Subject: [PATCH 077/373] Delete react-logo.svg --- react-logo.svg | 14 -------------- 1 file changed, 14 deletions(-) delete mode 100644 react-logo.svg diff --git a/react-logo.svg b/react-logo.svg deleted file mode 100644 index 258939a..0000000 --- a/react-logo.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - background - - - - - Layer 1 - - - - - - \ No newline at end of file From 70fbae9c0a3a97b1a7bcf434bd0b2e0d465a8f0b Mon Sep 17 00:00:00 2001 From: bluepeter Date: Fri, 24 Jan 2020 10:47:48 -0800 Subject: [PATCH 078/373] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 0ee439e..f9cae71 100644 --- a/README.md +++ b/README.md @@ -17,7 +17,7 @@ Maintainers: ### Contributing -Please review our [contributing guidelines](https://github.com/brillout/awesome-react-components/blob/master/CONTRIBUTING.md). +Please review our [contributing guidelines](https://github.com/brillout/awesome-react-components/blob/master/CONTRIBUTING.md). We keep this list fresh by **requiring all PRs to remove one or more non-awesome entry from this list**. Please ONLY PR a new resource if you are ALSO removing one. ## UI Components From eaf5fb4451e4559ecdbd4ac581e5ed37a12b9890 Mon Sep 17 00:00:00 2001 From: bluepeter Date: Fri, 24 Jan 2020 10:48:11 -0800 Subject: [PATCH 079/373] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index f9cae71..c4b51ec 100644 --- a/README.md +++ b/README.md @@ -17,7 +17,7 @@ Maintainers: ### Contributing -Please review our [contributing guidelines](https://github.com/brillout/awesome-react-components/blob/master/CONTRIBUTING.md). We keep this list fresh by **requiring all PRs to remove one or more non-awesome entry from this list**. Please ONLY PR a new resource if you are ALSO removing one. +Please review our [contributing guidelines](https://github.com/brillout/awesome-react-components/blob/master/CONTRIBUTING.md). We keep this list fresh by **requiring all PRs to remove one or more non-awesome entries from this list**. Please ONLY PR a new resource if you are ALSO removing one. ## UI Components From 509e3aad96037c897e49d493c5501b979198ad75 Mon Sep 17 00:00:00 2001 From: bluepeter Date: Fri, 24 Jan 2020 10:49:09 -0800 Subject: [PATCH 080/373] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index c4b51ec..4ef9042 100644 --- a/README.md +++ b/README.md @@ -12,7 +12,7 @@ commentary and reviews in _(italic parens)_ after some listings of note. Maintainers: -- [@petebray](https://twitter.com/petebray), author of [Fluxguard](https://fluxguard.com) — monitor PROD website changes. +- [@petebray](https://github.com/bluepeter), author of [Fluxguard](https://fluxguard.com) — monitor PROD website changes. - [@brillout](https://twitter.com/brillout), author of [Wildcard API](https://github.com/reframejs/wildcard-api) — create an RPC-like API as an alternative to REST and GraphQL. ### Contributing From 0860ae619bf1943976e39472e90446978f8b1459 Mon Sep 17 00:00:00 2001 From: winwiz1 Date: Mon, 27 Jan 2020 19:33:57 +1100 Subject: [PATCH 081/373] Update README.md Add Crisp React. Remove generator-flux-on-rails due to the latest commit 88e08e5 dated Apr 25, 2016 and failure of Travis CI test for this commit (see https://travis-ci.org/alexfedoseev/generator-flux-on-rails/builds/125436297). --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 4ef9042..1062186 100644 --- a/README.md +++ b/README.md @@ -704,9 +704,9 @@ _Component properties asynchronously fetched over the network_ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [create-react-app](https://github.com/facebookincubator/create-react-app) - Create React apps with no build configuration. +- [crisp-react](https://github.com/winwiz1/crisp-react) - Express integration in TypeScript with support for multiple SPAs and pitfall avoidance. - [electron-react-boilerplate](https://github.com/chentsulin/electron-react-boilerplate) - Live editing development on desktop app. - [essential-react](https://github.com/pheuter/essential-react) - A minimal skeleton for building testable React apps using Babel. -- [generator-flux-on-rails](https://github.com/alexfedoseev/generator-flux-on-rails) - Scaffolder of universal Flux / Redux app, backed by Rails API. - [generator-react-webpack](https://github.com/react-webpack-generators/generator-react-webpack) - Yeoman generator for ReactJS and Webpack. - [generator-starhackit](https://github.com/FredericHeem/starhackit) - Full-stack starter kit. - [gluestick](https://github.com/TrueCar/gluestick) - GlueStick is a command line interface for quickly developing universal web apps. From 2f3acac741cd267791333da3d75c843c4f4f4729 Mon Sep 17 00:00:00 2001 From: Phuoc Nguyen Date: Tue, 28 Jan 2020 17:56:30 +0700 Subject: [PATCH 082/373] Add React PDF Viewer --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 1062186..de9afef 100644 --- a/README.md +++ b/README.md @@ -244,6 +244,7 @@ _Display parsed markdow source_ - [react-awesome-query-builder](https://github.com/ukrbublik/react-awesome-query-builder) - [demo](https://ukrbublik.github.io/react-awesome-query-builder/) - Visual query builder from form fields, with SQL, MongoDB and JSON export - [react-blur](https://github.com/javierbyte/react-blur) - React component for blurred backgrounds. - [react-facebook](https://github.com/CherryProjects/react-facebook) - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post. +- [react-pdf-viewer](https://github.com/phuoc-ng/react-pdf-viewer) - [docs](https://react-pdf-viewer.dev) - A React component to view a PDF document. - [react-simple-chatbot](https://github.com/LucasBassetti/react-simple-chatbot) - [demo](https://github.com/anishagg17/PIzzaBuilder) - A simple chatbot component to create conversation chats. - [react-file-reader-input](https://github.com/ngokevin/react-file-reader-input) - File input component for control for file reading styling and abstraction. - [react-filter-control](https://github.com/komarovalexander/react-filter-control) - The React filterbuilder component for building the filter criteria in the UI. From 212916718010cec4b4f76fec937241f8845f245c Mon Sep 17 00:00:00 2001 From: Alexander Komarov Date: Wed, 29 Jan 2020 17:06:47 +0100 Subject: [PATCH 083/373] Update overview demo link for ka-table library --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index de9afef..0065950 100644 --- a/README.md +++ b/README.md @@ -31,7 +31,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [autoresponsive-react](https://github.com/xudafeng/autoresponsive-react) - Auto Responsive Layout Library For React. - [griddle-react](https://github.com/GriddleGriddle/Griddle) - Simple grid component that can display data as a table, a list of cards, or on the map. -- [ka-table](https://github.com/komarovalexander/ka-table) - [demo](https://komarovalexander.github.io/ka-table/#/command-column) - Customizable table component with sorting, filtering, grouping, virtualization, editing etc. 🆕 +- [ka-table](https://github.com/komarovalexander/ka-table) - [demo](https://komarovalexander.github.io/ka-table/#/overview) - Customizable table component with sorting, filtering, grouping, virtualization, editing etc. 🆕 - [material-table](https://github.com/mbrn/material-table) - [demo/docs](https://material-table.com/) - Built on Material UI, plus: grouping, tree data, expandable rows, export, inline editing - [mui-datatables](https://github.com/gregnb/mui-datatables) - Built on Material-UI. Search, styling, filtering, resize/hide columns, export, print, select/expand rows. - [react-data-table](https://github.com/jbetancur/react-data-table-component) - [demo/docs](https://jbetancur.github.io/react-data-table-component/?) - accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination From 7be480f64f95f21431d031aac107509988687a2f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Salvatore=20Ravid=C3=A0?= Date: Sat, 1 Feb 2020 09:36:29 +0100 Subject: [PATCH 084/373] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 1af7443..61b23be 100644 --- a/README.md +++ b/README.md @@ -720,6 +720,7 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [redux-search](https://github.com/treasure-data/redux-search) - Redux bindings for client-side search. - [tcomb-react](https://github.com/gcanti/tcomb-react) - Alternative syntax for PropTypes. - [react-find](https://github.com/geobde/react-find) - ⚛️ Elegant, accessible search component for React. +- [react-universal-hooks](https://github.com/salvoravida/react-universal-hooks) - :tada: support react hooks everywhere (Functional or Class Component). ## Utilities From 3ac1b0d7c4dffb2cad3684b1d3f2115417d3d9de Mon Sep 17 00:00:00 2001 From: bluepeter Date: Mon, 3 Feb 2020 09:10:39 -0800 Subject: [PATCH 085/373] Remove popular and well-known MUI --- README.md | 7 ------- 1 file changed, 7 deletions(-) diff --git a/README.md b/README.md index 4246146..49ca9f5 100644 --- a/README.md +++ b/README.md @@ -494,13 +494,6 @@ _Set of components + responsive layout system_ #### Material Design -- 🚀 [Material-UI](https://github.com/mui-org/material-ui) - Full suite of components. Build your own design system, or start with Material Design. - - [Autocomplete](https://material-ui.com/components/tree-view/) - Accessible autocomplete, combobox, multiselect - - [Icons](https://material-ui.com/components/material-icons/) - 1,000+ SVG material icons. - - [Modal](https://material-ui.com/components/modal/) - Accessible modal dialog component. - - [Slider](https://material-ui.com/components/slider/) - Accessible slider component. - - [Table](https://material-ui.com/components/tables/) - table with sorting, selecting, pagination, virtualized. - - [Tree View](https://material-ui.com/components/tree-view/) - Accessible tree view component for React. - [react-essence](https://github.com/Evo-Forge/Essence) - Essence - The Essential Material Design Framework. - [react-materialize](https://github.com/react-materialize/react-materialize) - Material design for react, powered by materializecss. - [react-toolbox](https://github.com/react-toolbox/react-toolbox) - A set of React components implementing Google's Material Design. From d8634bb1dd89bc09d9b7186c9a2ae645c01c661a Mon Sep 17 00:00:00 2001 From: bluepeter Date: Mon, 3 Feb 2020 09:19:39 -0800 Subject: [PATCH 086/373] Note on popularity --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 49ca9f5..1108823 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ This is a list of AWESOME components. Nope, it's NOT a comprehensive list of every React component under the sun. So, what does "awesome" mean? Well: - It solves a real problem -- It does so in a 🦄 unique, 🦋 beautiful, or 🏆 exceptional way +- It does so in a 🦄 unique, 🦋 beautiful, or 🏆 exceptional way. (And it's not super popular and well-known... no point in listing those.) - It has recent code commits! Look for a 🚀 for truly amazing projects. And look for quickie maintainer From 46a8fbd223a53daf02bc26790343215c5280a7a1 Mon Sep 17 00:00:00 2001 From: Austin Malerba Date: Sun, 9 Feb 2020 19:40:08 -0600 Subject: [PATCH 087/373] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 1108823..a76bc20 100644 --- a/README.md +++ b/README.md @@ -215,6 +215,7 @@ _Display images / photos_ - [react-intense](https://github.com/brycedorn/react-intense) - A React component for viewing large images up close. - [react-photo-gallery](https://github.com/neptunian/react-photo-gallery) - Responsive React Photo Gallery. - [react-svg-pan-zoom](https://github.com/chrvadala/react-svg-pan-zoom) - A React component that adds pan and zoom features to SVG. +- [react-particle-image](https://github.com/malerba118/react-particle-image) - [demo](https://malerba118.github.io/react-particle-image-demo/) - Render images as interactive particles. ### Icons From e205a6c69b5e97159262c3f8a24dff85dea85cb8 Mon Sep 17 00:00:00 2001 From: bluepeter Date: Fri, 14 Feb 2020 23:10:51 -0800 Subject: [PATCH 088/373] -- add back MUI --- README.md | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/README.md b/README.md index 2b7ac0a..e7a554b 100644 --- a/README.md +++ b/README.md @@ -495,6 +495,13 @@ _Set of components + responsive layout system_ #### Material Design +- 🚀 [Material-UI](https://github.com/mui-org/material-ui) - Full suite of components. Build your own design system, or start with Material Design. + - [Autocomplete](https://material-ui.com/components/tree-view/) - Accessible autocomplete, combobox, multiselect + - [Icons](https://material-ui.com/components/material-icons/) - 1,000+ SVG material icons. + - [Modal](https://material-ui.com/components/modal/) - Accessible modal dialog component. + - [Slider](https://material-ui.com/components/slider/) - Accessible slider component. + - [Table](https://material-ui.com/components/tables/) - table with sorting, selecting, pagination, virtualized. + - [Tree View](https://material-ui.com/components/tree-view/) - Accessible tree view component for React. - [react-essence](https://github.com/Evo-Forge/Essence) - Essence - The Essential Material Design Framework. - [react-materialize](https://github.com/react-materialize/react-materialize) - Material design for react, powered by materializecss. - [react-toolbox](https://github.com/react-toolbox/react-toolbox) - A set of React components implementing Google's Material Design. From 08b940bc33ce1779f16926e3f9ff3847a9db3a81 Mon Sep 17 00:00:00 2001 From: mkosir Date: Sun, 16 Feb 2020 16:07:56 +0100 Subject: [PATCH 089/373] add component `react-demo-tab` --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index e7a554b..69bdc24 100644 --- a/README.md +++ b/README.md @@ -244,6 +244,7 @@ _Display parsed markdow source_ - [react-avatar-generator](https://github.com/JosephSmith127/react-avatar-generator) - Allows users to create random kaleidoscopes to be used as avatars. - [react-awesome-query-builder](https://github.com/ukrbublik/react-awesome-query-builder) - [demo](https://ukrbublik.github.io/react-awesome-query-builder/) - Visual query builder from form fields, with SQL, MongoDB and JSON export - [react-blur](https://github.com/javierbyte/react-blur) - React component for blurred backgrounds. +- [react-demo-tab](https://github.com/mkosir/react-demo-tab) - [demo](https://mkosir.github.io/react-demo-tab) - A React component to easily create demos of other components. - [react-facebook](https://github.com/CherryProjects/react-facebook) - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post. - [react-pdf-viewer](https://github.com/phuoc-ng/react-pdf-viewer) - [docs](https://react-pdf-viewer.dev) - A React component to view a PDF document. - [react-simple-chatbot](https://github.com/LucasBassetti/react-simple-chatbot) - [demo](https://github.com/anishagg17/PIzzaBuilder) - A simple chatbot component to create conversation chats. From 8a63ebab757c22485304ec65dd56af3aed3e315d Mon Sep 17 00:00:00 2001 From: mkosir Date: Sun, 16 Feb 2020 16:08:34 +0100 Subject: [PATCH 090/373] remove component --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 69bdc24..cc1e5d1 100644 --- a/README.md +++ b/README.md @@ -386,7 +386,6 @@ _Let the user define an order on a list_ - [react-medium-editor](https://github.com/wangzuo/react-medium-editor) - medium-editor wrapper. - [react-quill](https://github.com/zenoamaro/react-quill) - Quill wrapper. - [react-trumbowyg](https://github.com/RD17/react-trumbowyg) - [Trumbowyg](https://alex-d.github.io/Trumbowyg/) wrapper. -- [ritzy](https://github.com/ritzyed/ritzy) - Collaborative web-based rich text editor. #### Markdown Editor From 4329a68493247383ca16bd717455a4b75e8ec0ee Mon Sep 17 00:00:00 2001 From: mkosir Date: Sun, 16 Feb 2020 22:10:23 +0100 Subject: [PATCH 091/373] add component `React DemoTab CLI` --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index cc1e5d1..3dd4aad 100644 --- a/README.md +++ b/README.md @@ -844,6 +844,7 @@ _Internationalization / L10n / localization / translation_ - [cosmos-js](https://github.com/skidding/cosmos) - DX tool for designing truly encapsulated React components. - [mighty-react-snippets](https://github.com/nicksp/mighty-react-snippets) - Crafty React and Redux ES6 snippets for Atom Editor. - [react-atellier](https://github.com/scup/atellier) - The smartest way to share interactive components with your team. +- [react-demo-tab-cli](https://github.com/mkosir/react-demo-tab-cli) - CLI tool for creating demos of react components. - [react-heatpack](https://github.com/insin/react-heatpack) - A 'heatpack' command for quick React development with webpack hot reloading. - [react-styleguidist](https://github.com/sapegin/react-styleguidist) - React style guide generator. - [standard-react](https://github.com/feross/standard) - JavaScript Standard Style Guide. From d69a4e984ee5f1b90e344f233d2d1279df3083c8 Mon Sep 17 00:00:00 2001 From: mkosir Date: Sun, 16 Feb 2020 22:10:47 +0100 Subject: [PATCH 092/373] remove obsolete `story-tab` --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 3dd4aad..eb6e954 100644 --- a/README.md +++ b/README.md @@ -848,7 +848,6 @@ _Internationalization / L10n / localization / translation_ - [react-heatpack](https://github.com/insin/react-heatpack) - A 'heatpack' command for quick React development with webpack hot reloading. - [react-styleguidist](https://github.com/sapegin/react-styleguidist) - React style guide generator. - [standard-react](https://github.com/feross/standard) - JavaScript Standard Style Guide. -- [story-tab](https://github.com/mkosir/story-tab) - [demo](https://mkosir.github.io/story-tab) - CLI tool for generating component code as documentation in Storybook tab. ## Miscellaneous From 372cdc62e1d0a7e0a1f285fc949691048584331d Mon Sep 17 00:00:00 2001 From: mkosir Date: Sun, 16 Feb 2020 22:12:35 +0100 Subject: [PATCH 093/373] remove component --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index eb6e954..e4fa967 100644 --- a/README.md +++ b/README.md @@ -843,7 +843,6 @@ _Internationalization / L10n / localization / translation_ - [cosmos-js](https://github.com/skidding/cosmos) - DX tool for designing truly encapsulated React components. - [mighty-react-snippets](https://github.com/nicksp/mighty-react-snippets) - Crafty React and Redux ES6 snippets for Atom Editor. -- [react-atellier](https://github.com/scup/atellier) - The smartest way to share interactive components with your team. - [react-demo-tab-cli](https://github.com/mkosir/react-demo-tab-cli) - CLI tool for creating demos of react components. - [react-heatpack](https://github.com/insin/react-heatpack) - A 'heatpack' command for quick React development with webpack hot reloading. - [react-styleguidist](https://github.com/sapegin/react-styleguidist) - React style guide generator. From 18c820aa85650692a74cd0e277e0cf89f91bbf21 Mon Sep 17 00:00:00 2001 From: Richard Vsiansky Date: Mon, 17 Feb 2020 08:26:45 +0100 Subject: [PATCH 094/373] Remove material hash library Last time this library was updated was 14 months ago :( --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index e4fa967..4f5e3ee 100644 --- a/README.md +++ b/README.md @@ -239,7 +239,6 @@ _Display parsed markdow source_ ### Miscellaneous -- [material-color-hash](https://github.com/BelkaLab/material-color-hash) - Hash strings to Material UI colors. - [react-avatar](https://github.com/Sitebase/react-avatar) - Universal React avatar component makes it possible to generate avatars based on user information. - [react-avatar-generator](https://github.com/JosephSmith127/react-avatar-generator) - Allows users to create random kaleidoscopes to be used as avatars. - [react-awesome-query-builder](https://github.com/ukrbublik/react-awesome-query-builder) - [demo](https://ukrbublik.github.io/react-awesome-query-builder/) - Visual query builder from form fields, with SQL, MongoDB and JSON export From 15be85e69ab8bd57f18d0484c47618d55e01d26c Mon Sep 17 00:00:00 2001 From: Richard Vsiansky Date: Mon, 17 Feb 2020 08:30:08 +0100 Subject: [PATCH 095/373] Add Data Driven Forms --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 4f5e3ee..03955d2 100644 --- a/README.md +++ b/README.md @@ -626,6 +626,7 @@ _Data flow / data management / data stores / components state / data flow_ ### Form Logic +- [data-driven-forms](https://github.com/data-driven-forms/react-forms) - A declarative way for building forms with all the functionality. - [formcat](https://github.com/guilouro/formcat) - A simple and easy way to control forms in React using the React Context API - [formik](https://github.com/jaredpalmer/formik) - Build forms without tears and supports Validation in ease. - [formsy-react](https://github.com/formsy/formsy-react/) - A form input builder and validator for React JS. From 97ef6c011d4988b163421e67149f90f82dceb172 Mon Sep 17 00:00:00 2001 From: Richard Vsiansky Date: Mon, 17 Feb 2020 08:30:35 +0100 Subject: [PATCH 096/373] Remove winterfell Last update was 2 years ago --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 03955d2..1ff6f21 100644 --- a/README.md +++ b/README.md @@ -638,7 +638,6 @@ _Data flow / data management / data stores / components state / data flow_ - [react-formawesome](https://github.com/MAKARD/react-formawesome) - Complex library for creating awesome forms. - [surveyjs](https://github.com/surveyjs/survey-library) - The advanced Survey and Form library - [tcomb-form](https://github.com/gcanti/tcomb-form) - Forms library for react. -- [winterfell](https://github.com/andrewhathaway/Winterfell) - Generate complex, validated and extendable JSON-based forms in React. ### Router From 1896663d1dd20254c30cf7ced888c8897e7c3c6f Mon Sep 17 00:00:00 2001 From: Richard Vsiansky Date: Mon, 17 Feb 2020 08:31:22 +0100 Subject: [PATCH 097/373] Remove tcomb Last update was 2,5 years ago --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 1ff6f21..eafa4ec 100644 --- a/README.md +++ b/README.md @@ -637,7 +637,6 @@ _Data flow / data management / data stores / components state / data flow_ - [react-final-form](https://github.com/final-form/react-final-form) - Subscription-based form state management - [react-formawesome](https://github.com/MAKARD/react-formawesome) - Complex library for creating awesome forms. - [surveyjs](https://github.com/surveyjs/survey-library) - The advanced Survey and Form library -- [tcomb-form](https://github.com/gcanti/tcomb-form) - Forms library for react. ### Router From df3af38e50d41509787c952ed4c143920ed95e23 Mon Sep 17 00:00:00 2001 From: Amirhossein Date: Mon, 17 Feb 2020 14:03:31 +0330 Subject: [PATCH 098/373] Add Phoenix Boilerplate --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index e4fa967..21221d5 100644 --- a/README.md +++ b/README.md @@ -722,6 +722,7 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [roc](https://github.com/rocjs/roc) - Modern Application Development Ecosystem. - [universal-redux](https://github.com/bdefore/universal-redux) - An npm package that lets you jump right into coding React and Redux. - [create-react-dependency](https://github.com/andrelmlins/create-react-dependency) - Create react dependencies with no build configuration. +- [phoenix](github.com/Sazito/phoenix) - A simple boilerplate that helps you make your react application with Server Side Rendering & Localization support. ### Miscellaneous From 8460fa78e306c38742eba2198aeed76b8ffbacc5 Mon Sep 17 00:00:00 2001 From: Amirhossein Date: Tue, 18 Feb 2020 11:32:18 +0330 Subject: [PATCH 099/373] Update phoenix boilerplate link --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index baaf60a..e20ffb2 100644 --- a/README.md +++ b/README.md @@ -720,7 +720,7 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [roc](https://github.com/rocjs/roc) - Modern Application Development Ecosystem. - [universal-redux](https://github.com/bdefore/universal-redux) - An npm package that lets you jump right into coding React and Redux. - [create-react-dependency](https://github.com/andrelmlins/create-react-dependency) - Create react dependencies with no build configuration. -- [phoenix](github.com/Sazito/phoenix) - A simple boilerplate that helps you make your react application with Server Side Rendering & Localization support. +- [phoenix](https://github.com/Sazito/phoenix) - A simple boilerplate that helps you make your react application with Server Side Rendering & Localization support. ### Miscellaneous From 6c0b5f29c059577839e243fafb5ad48dd5e6fada Mon Sep 17 00:00:00 2001 From: winwiz1 Date: Mon, 24 Feb 2020 23:43:45 +1100 Subject: [PATCH 100/373] Update README.md 1. Remove FormidableLabs/react-music. The code was last updated 2 years ago and this was followed by README update 11 months ago stating that the project is no longer maintained and has been archived. 2. Add Crisp BigQuery under new Data Warehousing heading. --- README.md | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index e20ffb2..4e7ce75 100644 --- a/README.md +++ b/README.md @@ -182,7 +182,6 @@ _Ways to navigate views_ ### Audio / Video - [react-dailymotion](https://github.com/u-wave/react-dailymotion) - Dailymotion player component for React. -- [react-music](https://github.com/FormidableLabs/react-music) - Make beats with React. - [react-player](https://github.com/CookPete/react-player) - A react component for playing a variety of URLs, including YouTube. - [react-soundplayer](https://github.com/soundblogs/react-soundplayer) - Create custom SoundCloud players with React. - [react-youtube](https://github.com/troybetz/react-youtube) - React.js powered YouTube player component. @@ -859,3 +858,7 @@ _Internationalization / L10n / localization / translation_ - [gatsby](https://github.com/gatsbyjs/gatsby) - Transform plain text into dynamic blogs and websites using React.js. - [phenomic](https://github.com/MoOx/phenomic) - Modern static\* website generator based on the React and Webpack ecosystem. + +## Data Warehousing + +- [crisp-bigquery](https://github.com/winwiz1/crisp-bigquery) - Full stack BigQuery with Express in TypeScript. From 681b6e1e93c37bfa0d358556f70d0a2ef1d77839 Mon Sep 17 00:00:00 2001 From: winwiz1 Date: Tue, 25 Feb 2020 19:16:14 +1100 Subject: [PATCH 101/373] Update README.md 1. Remove FormidableLabs/react-music. The code was last updated 2 years ago and this was followed by README update 11 months ago stating that the project is no longer maintained and has been archived. 2. Remove MicheleBertoli/react-gmaps. Last commit 2 years ago. The demo link http://react-gmaps.herokuapp.com/ shows a message displayed by Google: "This page can't load Google Maps correctly". 3. Add the 'Cloud Solutions' heading with 2 projects under the 'Databases' sub-heading. --- README.md | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 4e7ce75..30ed97a 100644 --- a/README.md +++ b/README.md @@ -191,7 +191,6 @@ _Ways to navigate views_ - [google-map-react](https://github.com/istarkov/google-map-react) - Universal google map react component, allows render react components on the google map. - [react-geosuggest](https://github.com/ubilabs/react-geosuggest) - A React autosuggest for the Google Maps Places API. -- [react-gmaps](https://github.com/MicheleBertoli/react-gmaps) - A Google Maps component for React.js. - [react-leaflet](https://github.com/PaulLeCam/react-leaflet) - React components for Leaflet maps. - [react-map-gl](https://github.com/uber/react-map-gl) - A React wrapper for MapboxGL-js and overlay API. - [react-mapbox-gl](https://github.com/alex3165/react-mapbox-gl) - A React binding of mapbox-gl-js. @@ -859,6 +858,9 @@ _Internationalization / L10n / localization / translation_ - [gatsby](https://github.com/gatsbyjs/gatsby) - Transform plain text into dynamic blogs and websites using React.js. - [phenomic](https://github.com/MoOx/phenomic) - Modern static\* website generator based on the React and Webpack ecosystem. -## Data Warehousing +## Cloud Solutions -- [crisp-bigquery](https://github.com/winwiz1/crisp-bigquery) - Full stack BigQuery with Express in TypeScript. +### Databases + +- [crisp-bigquery](https://github.com/winwiz1/crisp-bigquery) - Full stack Google BigQuery with Express in TypeScript. +- [react-server-routing-example](https://github.com/mhart/react-server-routing-example) - Universal client/server routing and data with AWS DynamoDB. From b9b39b4d840e2cf93947f282fb3ab66e4f825f11 Mon Sep 17 00:00:00 2001 From: Soroush Chehresa Date: Tue, 25 Feb 2020 15:54:30 +0330 Subject: [PATCH 102/373] Add axios-react --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index e20ffb2..ceb05b1 100644 --- a/README.md +++ b/README.md @@ -670,6 +670,7 @@ _Component properties asynchronously fetched over the network_ - [react-apollo](https://github.com/apollostack/react-apollo) - React data container for the Apollo Client. - [react-relay](https://github.com/facebook/relay) - Relay is a JavaScript framework for building data-driven React applications. - [react-transmit](https://github.com/RickWong/react-transmit) - Relay-inspired library based on Promises instead of GraphQL. +- [axios-react](https://github.com/soroushchehresa/axios-react) - HTTP client component for React ### CSS / Style From e63ab173d46a6fce21e12c2658ddd7a994cbe3b6 Mon Sep 17 00:00:00 2001 From: Soroush Chehresa Date: Tue, 25 Feb 2020 15:59:17 +0330 Subject: [PATCH 103/373] FIX --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index ceb05b1..9c3cb76 100644 --- a/README.md +++ b/README.md @@ -661,6 +661,7 @@ _Component properties asynchronously fetched over the network_ - [redial](https://github.com/markdalgleish/redial) - Universal data fetching and route lifecycle management for React etc. - [redux-async-connect](https://github.com/Rezonans/redux-async-connect) - Request async data, store in redux state, and connect to your component. - [redux-connect](https://github.com/makeomatic/redux-connect) - Provides decorator for resolving async props in react-router. +- [axios-react](https://github.com/soroushchehresa/axios-react) - HTTP client component for React. ### Communication with server @@ -670,7 +671,6 @@ _Component properties asynchronously fetched over the network_ - [react-apollo](https://github.com/apollostack/react-apollo) - React data container for the Apollo Client. - [react-relay](https://github.com/facebook/relay) - Relay is a JavaScript framework for building data-driven React applications. - [react-transmit](https://github.com/RickWong/react-transmit) - Relay-inspired library based on Promises instead of GraphQL. -- [axios-react](https://github.com/soroushchehresa/axios-react) - HTTP client component for React ### CSS / Style From 5656bb3e03d3f459594d40871f7e7ff8d21ca839 Mon Sep 17 00:00:00 2001 From: lizaCvhost Date: Fri, 28 Feb 2020 16:24:44 +0300 Subject: [PATCH 104/373] add jscharting-react --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index f59276f..b71f27f 100644 --- a/README.md +++ b/README.md @@ -139,6 +139,7 @@ _Display data in charts / graphs / diagrams_ - [chartify](https://github.com/kirillstepkin/chartify) - React.js plugin for building animated draggable and customizable charts. - [essential js 2 charts](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/charts) - Beautiful and interactive charts & graphs for react. +- [jscharting-react](https://github.com/jscharting/jscharting-react) – React chart component offering a complete set of chart types and engaging data visualizations with [JSCharting](https://jscharting.com/). - [react-chartist](https://github.com/fraserxu/react-chartist) - React component for Chartist.js. - [react-charty](https://github.com/99ff00/react-charty) - [demo](https://99ff00.github.io/react-charty/) - Small but powerful interactive data viz with multiple chart types, animations, zooming, theming. - [react-chartjs-2](https://github.com/jerairrest/react-chartjs-2) - Common react charting components using Chart.js 2.0. From 3fad3ed2ad024823f2a16a79be969b0261e9b852 Mon Sep 17 00:00:00 2001 From: Conrad Sollitt <57777521+ConradSollitt@users.noreply.github.com> Date: Tue, 3 Mar 2020 14:03:37 -0800 Subject: [PATCH 105/373] Add DataFormsJS JSX Loader --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index b71f27f..24ae566 100644 --- a/README.md +++ b/README.md @@ -849,6 +849,7 @@ _Internationalization / L10n / localization / translation_ ## Miscellaneous +- [DataFormsJS JSX Loader](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md) - Small JavaScript Compiler for quickly converting JSX to JS directly on a web page. - [html-to-react-components](https://github.com/roman01la/html-to-react-components) - Extract annotated portions of HTML into React components as separate modules. - [htmltojsx](https://github.com/reactjs/react-magic) - Automatically AJAXify plain HTML with the power of React. It's magic!. - [jsonx](https://github.com/repetere/jsonx) - React JSON Syntax. From 9e330f4c618492ec16f77ee3f1c7768eb0d93810 Mon Sep 17 00:00:00 2001 From: Paolo Longo Date: Thu, 5 Mar 2020 16:43:59 +0100 Subject: [PATCH 106/373] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 24ae566..259c69b 100644 --- a/README.md +++ b/README.md @@ -426,7 +426,7 @@ _Components to layout the app's UI_ - [golden-layout](https://github.com/deepstreamIO/golden-layout) - A multi-screen JavaScript Layout manager. - [hedron](https://github.com/JSBros/hedron) - A no-frills flexbox grid system, powered by styled-components. - [m-react-splitters](https://github.com/martinnov92/React-Splitters) - Splitter component, written in TypeScript. -- [muuri-react](https://github.com/Paol-imi/muuri-react) - [demo](https://codesandbox.io/s/muuri-react-pqtbx) - Responsive, sortable, filterable and draggable grid layouts *([Muuri](https://github.com/haltu/muuri) implementation)*. +- [muuri-react](https://github.com/Paol-imi/muuri-react) - [demo](https://1czo5.csb.app/) - [docs](https://paol-imi.github.io/muuri-react) - Responsive, sortable, filterable and draggable grid layouts. - [react-flexbox-grid](https://github.com/roylee0704/react-flexbox-grid) - A set of React components implementing flexboxgrid with the power of CSS Modules. - [react-grid-layout](https://github.com/STRML/react-grid-layout) - A draggable and resizable grid layout with responsive breakpoints, for React. - [react-masonry-component](https://github.com/eiriklv/react-masonry-component) - Wrapper for @desandro's Masonry. From 70eb1c8dc0a624b8de7802e3cf5345f1d4fd64d7 Mon Sep 17 00:00:00 2001 From: Xinxin Date: Wed, 11 Mar 2020 15:31:42 +0800 Subject: [PATCH 107/373] add react-colrow to UI Layout section --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 259c69b..7bea9ac 100644 --- a/README.md +++ b/README.md @@ -434,6 +434,7 @@ _Components to layout the app's UI_ - [react-spaces](https://github.com/aeagle/react-spaces) - [demo/docs](https://www.allaneagle.com/react-spaces/demo/) - Nestable anchored, resizable, scrollable components. - [react-stack-grid](https://github.com/tsuyoshiwada/react-stack-grid) - Pinterest like layout components. - [react-stonecutter](https://github.com/dantrain/react-stonecutter) - Animated grid layout component. +- [react-colrow](https://github.com/phphe/react-colrow) - Responsive grid layout components. Based on css flexbox. Support fraction width, auto grow. ## UI Animation From 9c5bb51fa34581aa6da43d7b6962a794b9fa898d Mon Sep 17 00:00:00 2001 From: Dan Dascalescu Date: Thu, 12 Mar 2020 00:07:42 +1300 Subject: [PATCH 108/373] pburtchaell/react-notification is deprecated in favor for material-ui --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 259c69b..f5cf486 100644 --- a/README.md +++ b/README.md @@ -66,7 +66,6 @@ _Toaster / snackbar — Notify the user with a modeless temporary little popup_ - [cogo-toast](https://github.com/Cogoport/cogo-toast) - [demo/docs](https://cogoport.github.io/cogo-toast) - Plug and play, Promise support, inbuilt styling, ~3.5K. _(No refs / provider needed 😊)_ - [react-notifications-component](https://github.com/teodosii/react-notifications-component) - [demo](https://teodosii.github.io/react-notifications-component/) - Highly customizable and easy-to-use component for notifications. - [notistack](https://iamhosseindhv.com/notistack) - [demo](https://codesandbox.io/s/github/iamhosseindhv/notistack/tree/master/examples/simple-example??hidenavigation=1&module=%2FApp.js) - [docs](https://iamhosseindhv.com/notistack/api) - Highly customizable notification snackbars (toasts) that can be stacked on top of each other -- [react-notification](https://github.com/pburtchaell/react-notification) - Snackbar notifications for React. - 🚀 [react-toastify](https://github.com/fkhadra/react-toastify) - [demo](https://fkhadra.github.io/react-toastify/) - best bet out there at the moment. Hooks support. No refs. - [react-toast-notifications](https://github.com/jossmac/react-toast-notifications) - [demo](https://jossmac.github.io/react-toast-notifications/) - pleasing toast system. - [reapop](https://github.com/LouisBarranqueiro/reapop) - A React & Redux notifications system. From b174fc646ebb20c347042197a44cbb8e1ebbc837 Mon Sep 17 00:00:00 2001 From: Rares Mardare <40542072+teodosii@users.noreply.github.com> Date: Wed, 11 Mar 2020 18:02:16 +0200 Subject: [PATCH 109/373] Added react-tweenful to the UI animation list --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 259c69b..199a273 100644 --- a/README.md +++ b/README.md @@ -439,6 +439,7 @@ _Components to layout the app's UI_ _Animate transitions_ +- [react-tweenful](https://github.com/teodosii/react-tweenful) - [demo](https://teodosii.github.io/react-tweenful/) - Animation engine for React - [data-driven-motion](https://github.com/tkh44/data-driven-motion) - Easily animate your data. - [react-anime](https://github.com/stelatech/react-anime) - A super easy animation library. - [react-flip-move](https://github.com/joshwcomeau/react-flip-move) - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique. From 6cf60c1ffbce7646dc1062c52aab0d5be66728c0 Mon Sep 17 00:00:00 2001 From: Rares Mardare <40542072+teodosii@users.noreply.github.com> Date: Wed, 11 Mar 2020 18:07:48 +0200 Subject: [PATCH 110/373] Removed deprecated animation library --- README.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/README.md b/README.md index 199a273..d11580c 100644 --- a/README.md +++ b/README.md @@ -439,7 +439,7 @@ _Components to layout the app's UI_ _Animate transitions_ -- [react-tweenful](https://github.com/teodosii/react-tweenful) - [demo](https://teodosii.github.io/react-tweenful/) - Animation engine for React +- [react-tweenful](https://github.com/teodosii/react-tweenful) - [demo](https://teodosii.github.io/react-tweenful/) - Animation engine that lets you animate DOM nodes, mounting, unmounting, child changes/transitions. - [data-driven-motion](https://github.com/tkh44/data-driven-motion) - Easily animate your data. - [react-anime](https://github.com/stelatech/react-anime) - A super easy animation library. - [react-flip-move](https://github.com/joshwcomeau/react-flip-move) - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique. @@ -453,7 +453,6 @@ _Animate transitions_ - [react-spark-scroll](https://github.com/gilbox/react-spark-scroll) - Scroll-based actions and animations for react. - [react-track](https://github.com/gilbox/react-track) - Track the position of DOM elements. Create cool animations. - [react-transitive-number](https://github.com/Lapple/react-transitive-number) - Apply transition effect to numeric strings, a la old Groupon timers. -- [react-tween](https://github.com/clari/react-tween) - Tween animation. - [react-web-animation](https://github.com/bringking/react-web-animation) - React components for the Web Animations API -. - [velocity-react](https://github.com/twitter-fabric/velocity-react) - Velocity.js wrapper. - [react-scroll-rotate](https://github.com/giladk/react-scroll-rotate) - [demo](https://giladk.github.io/react-scroll-rotate/) - Very simple scroll based element rotation From a35f9681ed4bdcbd36b87de115b916a7a25929de Mon Sep 17 00:00:00 2001 From: David Tran Date: Mon, 16 Mar 2020 16:36:19 +0700 Subject: [PATCH 111/373] add react-google-flight-datepicker --- README.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 44cb256..800631d 100644 --- a/README.md +++ b/README.md @@ -201,6 +201,7 @@ _Display time / date / age_ - [react-timeago](https://github.com/nmn/react-timeago) - A simple time-ago component for ReactJs. - [timeago-react](https://github.com/hustcc/timeago-react) - Format date with `*** time ago` statement. eg: '3 hours ago'. +- [react-google-flight-datepicker](https://github.com/JSLancerTeam/react-google-flight-datepicker) - Google flight date picker implemented in ReactJS. ### Photo / Image @@ -498,7 +499,7 @@ _Set of components + responsive layout system_ - [Icons](https://material-ui.com/components/material-icons/) - 1,000+ SVG material icons. - [Modal](https://material-ui.com/components/modal/) - Accessible modal dialog component. - [Slider](https://material-ui.com/components/slider/) - Accessible slider component. - - [Table](https://material-ui.com/components/tables/) - table with sorting, selecting, pagination, virtualized. + - [Table](https://material-ui.com/components/tables/) - table with sorting, selecting, pagination, virtualized. - [Tree View](https://material-ui.com/components/tree-view/) - Accessible tree view component for React. - [react-essence](https://github.com/Evo-Forge/Essence) - Essence - The Essential Material Design Framework. - [react-materialize](https://github.com/react-materialize/react-materialize) - Material design for react, powered by materializecss. @@ -673,7 +674,7 @@ _Component properties asynchronously fetched over the network_ ### CSS / Style -- [aesthetic](https://github.com/milesj/aesthetic) - A powerful type-safe, framework agnostic, CSS-in-JS library for styling components, whether it be plain objects, importing stylesheets, or simply referencing external class names. +- [aesthetic](https://github.com/milesj/aesthetic) - A powerful type-safe, framework agnostic, CSS-in-JS library for styling components, whether it be plain objects, importing stylesheets, or simply referencing external class names. - [aphrodite](https://github.com/Khan/aphrodite) - It's inline styles, but they work!. - [classnames](https://github.com/JedWatson/classnames) - A simple javascript utility for conditionally joining classNames together. - [inline-style-prefixer](https://github.com/rofrischmann/inline-style-prefixer) - Run-time Autoprefixer for Inline Style Objects. From 73415e9b108f313abdd4f107d33bee74373cd261 Mon Sep 17 00:00:00 2001 From: Leonardo Cardoso Date: Tue, 17 Mar 2020 12:40:16 -0300 Subject: [PATCH 112/373] Adding react open doodles Adding react open doodles a Free Set of Sketchy Illustrations. https://github.com/lunahq/react-open-doodles --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 800631d..6a36f69 100644 --- a/README.md +++ b/README.md @@ -222,6 +222,7 @@ _Display icons / icon set / emojis_ - [iconify-react](https://github.com/iconify/iconify-react) - Over 40k icons from 50+ icon sets, including all popular icon and emoji sets. - [react-icons](https://github.com/gorangajic/react-icons) - Svg react icons of popular icon packs using ES6 imports. +- [react-open-doodles](https://github.com/lunahq/react-open-doodles) - Awesome free illustrations as react components. ### Paginator From 386cb9dd9c016f3991019eee8135bb58f31e2122 Mon Sep 17 00:00:00 2001 From: yongwoo-jeon Date: Wed, 18 Mar 2020 10:08:34 +0900 Subject: [PATCH 113/373] add:Add Infinite Scroll / Carousel --- README.md | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 6a36f69..9554138 100644 --- a/README.md +++ b/README.md @@ -41,8 +41,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [sematable](https://github.com/sematext/sematable) - Client side sorting, pagination, and text filter for redux/react based apps. ### Infinite Scroll - -- [react-infinite](https://github.com/seatgeek/react-infinite) - A browser-ready efficient scrolling container based on UITableView. +- [egjs-infinitegrid](https://github.com/naver/egjs-infinitegrid/blob/master/packages/react-infinitegrid/README.md) - [npm](https://www.npmjs.com/package/@egjs/react-infinitegrid) - [demo](https://naver.github.io/egjs-infinitegrid/storybook/) - A module used to arrange card elements including content infinitely according to various layout types. - [react-lazyload](https://github.com/jasonslyvia/react-lazyload) - Lazyload your Component, Image or anything matters the performance. - [react-list](https://github.com/orgsync/react-list) - A versatile infinite scroll React component. - [react-virtualized](https://github.com/bvaughn/react-virtualized) - React components for efficiently rendering large lists and tabular data. @@ -115,13 +114,13 @@ _Loaders / spinners / progress bars — Let the user know that something is load - [react-spinners-css](https://github.com/JoshK2/react-spinners-css) - Amazing collection of react spinners components. ### Carousel +- [egjs-flicking](https://github.com/naver/egjs-flicking/blob/master/packages/react-flicking/README.md) - [npm](https://www.npmjs.com/package/@egjs/react-flicking) - [demo](https://naver.github.io/egjs-flicking/) - It's reliable, flexible and extendable carousel. - [flat-carousel](https://github.com/jl-/flat-carousel) - [demo](https://671g5.csb.app/) Light weight carousel component for general purpose. - [react-awesome-slider](https://github.com/rcaferati/react-awesome-slider) - [demo](https://caferati.me/demo/react-awesome-slider) - 3D animated 60fps media and content slider/carousel. - [pure-react-carousel](https://github.com/express-labs/pure-react-carousel) - Built from scratch and not highly opinionated. - [react-id-swiper](https://github.com/kidjp85/react-id-swiper) - A library to use idangerous Swiper as a ReactJs component - [react-responsive-carousel](https://github.com/leandrowd/react-responsive-carousel) - React.js Responsive Carousel (with Swipe). - [react-slick](https://github.com/akiran/react-slick) - React carousel component. -- [react-carouselize](https://github.com/one89/react-carouselize) - Transform everything in a simple and customizable carousel. ### Buttons From 86c4b9b0c8c2373779477cd7973c1a39e60888d7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Rub=C3=A9n=20Albarrac=C3=ADn?= Date: Wed, 18 Mar 2020 21:15:59 +0100 Subject: [PATCH 114/373] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 6a36f69..8c75063 100644 --- a/README.md +++ b/README.md @@ -256,6 +256,7 @@ _Display parsed markdow source_ - [react-split-pane](https://github.com/tomkp/react-split-pane) - React split-pane component. - [react-swipe-to-delete-ios](https://github.com/arnaudambro/react-swipe-to-delete-ios) - [demo](https://arnaudambro.github.io/react-swipe-to-delete-ios/) - To delete an item in a list the same way iOS does. - [typography](https://github.com/KyleAMathews/typography.js) - A powerful toolkit for building websites with beautiful typography. +- [react-pulse-text](https://github.com/Kelsier90/React-Pulse-Text) - [demo/docs](https://kelsier90.github.io/React-Pulse-Text/) - Allows you to animate the text of any property of another component. ### Form Components @@ -433,7 +434,6 @@ _Components to layout the app's UI_ - [react-masonry-component](https://github.com/eiriklv/react-masonry-component) - Wrapper for @desandro's Masonry. - [react-reflex](https://github.com/leefsmp/Re-Flex) - Flex layout container component for advanced React web applications. - [react-spaces](https://github.com/aeagle/react-spaces) - [demo/docs](https://www.allaneagle.com/react-spaces/demo/) - Nestable anchored, resizable, scrollable components. -- [react-stack-grid](https://github.com/tsuyoshiwada/react-stack-grid) - Pinterest like layout components. - [react-stonecutter](https://github.com/dantrain/react-stonecutter) - Animated grid layout component. - [react-colrow](https://github.com/phphe/react-colrow) - Responsive grid layout components. Based on css flexbox. Support fraction width, auto grow. From ce6ccac8c359b6ad8129f677790a44620afc9cdb Mon Sep 17 00:00:00 2001 From: YongWoo Jeon Date: Thu, 19 Mar 2020 16:55:57 +0900 Subject: [PATCH 115/373] change name --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 9554138..a1f85e6 100644 --- a/README.md +++ b/README.md @@ -41,7 +41,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [sematable](https://github.com/sematext/sematable) - Client side sorting, pagination, and text filter for redux/react based apps. ### Infinite Scroll -- [egjs-infinitegrid](https://github.com/naver/egjs-infinitegrid/blob/master/packages/react-infinitegrid/README.md) - [npm](https://www.npmjs.com/package/@egjs/react-infinitegrid) - [demo](https://naver.github.io/egjs-infinitegrid/storybook/) - A module used to arrange card elements including content infinitely according to various layout types. +- [@egjs/react-infinitegrid](https://github.com/naver/egjs-infinitegrid/blob/master/packages/react-infinitegrid) - [npm](https://www.npmjs.com/package/@egjs/react-infinitegrid) - [demo](https://naver.github.io/egjs-infinitegrid/storybook/) - A module used to arrange card elements including content infinitely according to various layout types. - [react-lazyload](https://github.com/jasonslyvia/react-lazyload) - Lazyload your Component, Image or anything matters the performance. - [react-list](https://github.com/orgsync/react-list) - A versatile infinite scroll React component. - [react-virtualized](https://github.com/bvaughn/react-virtualized) - React components for efficiently rendering large lists and tabular data. @@ -114,7 +114,7 @@ _Loaders / spinners / progress bars — Let the user know that something is load - [react-spinners-css](https://github.com/JoshK2/react-spinners-css) - Amazing collection of react spinners components. ### Carousel -- [egjs-flicking](https://github.com/naver/egjs-flicking/blob/master/packages/react-flicking/README.md) - [npm](https://www.npmjs.com/package/@egjs/react-flicking) - [demo](https://naver.github.io/egjs-flicking/) - It's reliable, flexible and extendable carousel. +- [@egjs/react-flicking](https://github.com/naver/egjs-flicking/blob/master/packages/react-flicking/) - [npm](https://www.npmjs.com/package/@egjs/react-flicking) - [demo](https://naver.github.io/egjs-flicking/) - It's reliable, flexible and extendable carousel. - [flat-carousel](https://github.com/jl-/flat-carousel) - [demo](https://671g5.csb.app/) Light weight carousel component for general purpose. - [react-awesome-slider](https://github.com/rcaferati/react-awesome-slider) - [demo](https://caferati.me/demo/react-awesome-slider) - 3D animated 60fps media and content slider/carousel. - [pure-react-carousel](https://github.com/express-labs/pure-react-carousel) - Built from scratch and not highly opinionated. From cbbdbb9793f15e328497b423a6ffa296f88f2d3e Mon Sep 17 00:00:00 2001 From: Fritz Lin Date: Sun, 5 Apr 2020 22:09:09 +0800 Subject: [PATCH 116/373] Add react-editor, react-drag-sizing, react-threejs Thanks so much. Am happy to share. --- README.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/README.md b/README.md index fea17bd..b130c09 100644 --- a/README.md +++ b/README.md @@ -359,6 +359,7 @@ _Let the user add multiple tags in a single input_ - [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd) - Beautiful and accessible drag and drop for lists with React - [react-dnd](https://github.com/gaearon/react-dnd) - Drag and Drop for React. +- [react-drag-sizing](https://github.com/fritx/react-drag-sizing) - "Drag to resize" (sizing) as React Component. - [react-draggable](https://github.com/mzabriskie/react-draggable) - React draggable component. - [react-dragula](https://github.com/bevacqua/react-dragula) - Drag and drop so simple it hurts. - [react-dropzone](https://github.com/okonet/react-dropzone) - Simple HTML5 drag-drop zone with React.js. @@ -382,6 +383,7 @@ _Let the user define an order on a list_ - [react-codemirror](https://github.com/JedWatson/react-codemirror) - CodeMirror wrapper. - [react-contenteditable](https://github.com/lovasoa/react-contenteditable) - React component for a div with editable contents. - [react-draft-wysiwyg](https://github.com/jpuri/react-draft-wysiwyg) - WYSIWYG editor build on top of [DraftJS](https://draftjs.org/). +- [react-editor](https://github.com/fritx/react-editor) - Simple richtext editor that can insert images and HTML. - [react-medium-editor](https://github.com/wangzuo/react-medium-editor) - medium-editor wrapper. - [react-quill](https://github.com/zenoamaro/react-quill) - Quill wrapper. - [react-trumbowyg](https://github.com/RD17/react-trumbowyg) - [Trumbowyg](https://alex-d.github.io/Trumbowyg/) wrapper. @@ -764,6 +766,7 @@ _Internationalization / L10n / localization / translation_ - [react-on-rails](https://github.com/shakacode/react_on_rails) - Integration of React + Webpack + Rails to build Universal (Isomorphic) Apps. - [react-swf](https://github.com/syranide/react-swf) - Shockwave Flash Player component for React. - [react-three-renderer](https://github.com/toxicFork/react-three-renderer) - Render into a three.js canvas using React. +- [react-threejs](https://github.com/fritx/react-threejs) - Simplest bindings between React & Three.js - [reactfire](https://github.com/firebase/reactfire) - ReactJS mixin for easy Firebase integration. - [reactive-elements](https://github.com/PixelsCommander/ReactiveElements) - Allows to use React.js component as HTML element (web component). From 1d6e439c42fcb662190b3c45d47121d07602a9aa Mon Sep 17 00:00:00 2001 From: Maxim Kudryavtsev Date: Wed, 8 Apr 2020 14:32:30 +0300 Subject: [PATCH 117/373] Add DevExtreme React Grid, Scheduler and Chart --- README.md | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index b130c09..9d769a9 100644 --- a/README.md +++ b/README.md @@ -39,6 +39,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [react-table](https://github.com/tannerlinsley/react-table) - [demo](https://github.com/tannerlinsley/react-table/blob/master/docs/examples.md) - Hooks for building fast and extendable tables and datagrids - [rsuite-table](https://github.com/rsuite/rsuite-table) - [demo/docs](http://rsuite.github.io/rsuite-table/) - A table component that supports virtualized. - [sematable](https://github.com/sematext/sematable) - Client side sorting, pagination, and text filter for redux/react based apps. +- [DevExtreme React Grid](https://devexpress.github.io/devextreme-reactive/react/grid/) - High-performance plugin-based data grid for Bootstrap and Material Design. ### Infinite Scroll - [@egjs/react-infinitegrid](https://github.com/naver/egjs-infinitegrid/blob/master/packages/react-infinitegrid) - [npm](https://www.npmjs.com/package/@egjs/react-infinitegrid) - [demo](https://naver.github.io/egjs-infinitegrid/storybook/) - A module used to arrange card elements including content infinitely according to various layout types. @@ -154,8 +155,9 @@ _Display data in charts / graphs / diagrams_ - [recharts](https://github.com/recharts/recharts) - Redefined chart library built with React and D3. - [rumble-charts](https://github.com/rumble-charts/rumble-charts) - React components for building composable and flexible charts. - [victory](https://github.com/FormidableLabs/victory) - Data viz for React. -- [reaviz](https://github.com/jask-oss/reaviz) - ReactJS Data Visualization Library based on D3.js -- [semiotic](https://semiotic.nteract.io/) - Semiotic is a data visualization framework for React +- [reaviz](https://github.com/jask-oss/reaviz) - ReactJS Data Visualization Library based on D3.js. +- [semiotic](https://semiotic.nteract.io/) - Semiotic is a data visualization framework for React. +- [DevExtreme React Chart](https://devexpress.github.io/devextreme-reactive/react/chart/) - High-performance plugin-based chart for Bootstrap and Material Design. ### Tree @@ -278,6 +280,7 @@ _Date picker / time picker / datetime picker / date range picker_ - [react-timezone-select](https://github.com/ndom91/react-timezone-select) - [demo](https://ndom91.github.io/react-timezone-select/) - Dynamic, succinct timezone select. Based on `react-select`. - [react-yearly-calendar](https://github.com/BelkaLab/react-yearly-calendar) - React.js Yearly Calendar Component. - [r-date-picker](https://github.com/KELEN/r-date-picker) - React.js high customize date picker component, easy style it. +- [DevExtreme React Scheduler](https://devexpress.github.io/devextreme-reactive/react/scheduler/) - High-performance plugin-based scheduler/calendar for Material Design. #### Emoji picker From db65d50be0dbf3728e0259e8c5021762f53d3159 Mon Sep 17 00:00:00 2001 From: Oleksandr Samofan Date: Mon, 13 Apr 2020 13:31:57 +0300 Subject: [PATCH 118/373] Add material-ui-audio-player component Add the material-ui-audio-player component in the Audio section. --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 9d769a9..0f32fdf 100644 --- a/README.md +++ b/README.md @@ -187,6 +187,7 @@ _Ways to navigate views_ - [react-soundplayer](https://github.com/soundblogs/react-soundplayer) - Create custom SoundCloud players with React. - [react-youtube](https://github.com/troybetz/react-youtube) - React.js powered YouTube player component. - [video-react](https://github.com/video-react/video-react) - A web video player built for the HTML5 world using React library. +- [material-ui-audio-player](https://github.com/Werter12/material-ui-audio-player) - Audio player for material ui design. ### Map From cc133d1d143e30097332ff3acd90207d8d04ec04 Mon Sep 17 00:00:00 2001 From: "li.xu" Date: Tue, 14 Apr 2020 16:51:09 +0800 Subject: [PATCH 119/373] Add auto-size-transition component --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 0f32fdf..969a61b 100644 --- a/README.md +++ b/README.md @@ -462,7 +462,7 @@ _Animate transitions_ - [react-transitive-number](https://github.com/Lapple/react-transitive-number) - Apply transition effect to numeric strings, a la old Groupon timers. - [react-web-animation](https://github.com/bringking/react-web-animation) - React components for the Web Animations API -. - [velocity-react](https://github.com/twitter-fabric/velocity-react) - Velocity.js wrapper. -- [react-scroll-rotate](https://github.com/giladk/react-scroll-rotate) - [demo](https://giladk.github.io/react-scroll-rotate/) - Very simple scroll based element rotation +- [auto-size-transition](https://github.com/DualWield/auto-size-transition) - A component that scale dynamically according to the internal children size - [react-particles-bg](https://github.com/lindelof/particles-bg) - Particles backgrounds. ### Parallax From 00263a89a4a72a37aeb4e66d24ba7bd37a555dbe Mon Sep 17 00:00:00 2001 From: jQWidgets Date: Thu, 16 Apr 2020 13:17:16 +0300 Subject: [PATCH 120/373] Adding Smart React Grid --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 969a61b..0295945 100644 --- a/README.md +++ b/README.md @@ -40,6 +40,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [rsuite-table](https://github.com/rsuite/rsuite-table) - [demo/docs](http://rsuite.github.io/rsuite-table/) - A table component that supports virtualized. - [sematable](https://github.com/sematext/sematable) - Client side sorting, pagination, and text filter for redux/react based apps. - [DevExtreme React Grid](https://devexpress.github.io/devextreme-reactive/react/grid/) - High-performance plugin-based data grid for Bootstrap and Material Design. +- [Smart React Grid](https://htmlelements.com/docs/react/) - Fast and feature-complete data grid with Material Design. ### Infinite Scroll - [@egjs/react-infinitegrid](https://github.com/naver/egjs-infinitegrid/blob/master/packages/react-infinitegrid) - [npm](https://www.npmjs.com/package/@egjs/react-infinitegrid) - [demo](https://naver.github.io/egjs-infinitegrid/storybook/) - A module used to arrange card elements including content infinitely according to various layout types. From 4870e2f209bc9d831e1a733ccbe9da70374f49c3 Mon Sep 17 00:00:00 2001 From: Tomek Marciniak Date: Sun, 19 Apr 2020 00:48:43 +0200 Subject: [PATCH 121/373] feat(insites-ui): add insites-ui to Set of components list --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 0295945..0d4f1c6 100644 --- a/README.md +++ b/README.md @@ -487,6 +487,7 @@ _Set of components + responsive layout system_ - [fluent-ui](https://github.com/fluent-org/fluent-ui) - [demo/docs](https://fluent-ui.com/) - 🌈 React components that inspired by Microsoft's Fluent Design System. - [grommet](https://github.com/grommet/grommet) - The most advanced UX framework for enterprise applications. - [gestalt](https://github.com/pinterest/gestalt) - [demo/docs](https://pinterest.github.io/gestalt/#/) - A set of components that supports Pinterest’s design language. +- [insites-ui](https://github.com/insites-co/insites-ui) - Modern, opinionated, minimal, yet powerful React components library, powered by Styled Components. - [office-ui-fabric-react](https://github.com/OfficeDev/office-ui-fabric-react) - React components for building Microsoft web experiences. - [pivotal-ui-react](https://github.com/pivotal-cf/pivotal-ui) - React components based on a custom version of the Bootstrap library. - [primereact](https://github.com/primefaces/primereact) - A complete UI Framework with 50+ components featuring material, bootstrap and custom themes. From 09b5886a1b6b435dc8e835cb28e1e6e7c560b3b8 Mon Sep 17 00:00:00 2001 From: Frederick Fogerty Date: Tue, 21 Apr 2020 09:55:35 +1200 Subject: [PATCH 122/373] docs: add react-imgix to image components --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 0d4f1c6..ce06ce7 100644 --- a/README.md +++ b/README.md @@ -218,6 +218,7 @@ _Display images / photos_ - [react-photo-gallery](https://github.com/neptunian/react-photo-gallery) - Responsive React Photo Gallery. - [react-svg-pan-zoom](https://github.com/chrvadala/react-svg-pan-zoom) - A React component that adds pan and zoom features to SVG. - [react-particle-image](https://github.com/malerba118/react-particle-image) - [demo](https://malerba118.github.io/react-particle-image-demo/) - Render images as interactive particles. +- [react-imgix](https://github.com/imgix/react-imgix) - Add fast, responsive images as an image, picture, or background! ### Icons From 69cf79703563bb544104fd121f7de479fcb58794 Mon Sep 17 00:00:00 2001 From: Frederick Fogerty Date: Tue, 21 Apr 2020 10:05:51 +1200 Subject: [PATCH 123/373] docs: remove mighty-react-snippets --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index ce06ce7..dd3c9ef 100644 --- a/README.md +++ b/README.md @@ -852,7 +852,6 @@ _Internationalization / L10n / localization / translation_ ### Miscellaneous - [cosmos-js](https://github.com/skidding/cosmos) - DX tool for designing truly encapsulated React components. -- [mighty-react-snippets](https://github.com/nicksp/mighty-react-snippets) - Crafty React and Redux ES6 snippets for Atom Editor. - [react-demo-tab-cli](https://github.com/mkosir/react-demo-tab-cli) - CLI tool for creating demos of react components. - [react-heatpack](https://github.com/insin/react-heatpack) - A 'heatpack' command for quick React development with webpack hot reloading. - [react-styleguidist](https://github.com/sapegin/react-styleguidist) - React style guide generator. From 84a74878a6aad2d51b028ceb4c37bb8054c14aef Mon Sep 17 00:00:00 2001 From: witt Date: Sat, 25 Apr 2020 22:00:15 +0800 Subject: [PATCH 124/373] Add zeit-ui to Set of components --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index dd3c9ef..77544ee 100644 --- a/README.md +++ b/README.md @@ -478,6 +478,7 @@ _Animate transitions_ _Set of components + responsive layout system_ +- [zeit-ui-react](https://github.com/zeit-ui/react) - Modern and minimalist React UI library. - 🚀 [ant-design](https://github.com/ant-design/ant-design) - [demo/docs](https://ant.design/docs/react/introduce) - A UI Design Language from China. Individual [components](http://react-component.github.io/) available. - [atlaskit](https://atlaskit.atlassian.com/packages) - Atlassian's official UI library, with components from _badge_ to _tree table_. - [base web](https://baseweb.design) - Base Web is a foundation for initiating, evolving, and unifying web products. From d074b0aebca1dd4f1f553aa56feb5385f5fa41d9 Mon Sep 17 00:00:00 2001 From: Sean Kozer Date: Sun, 26 Apr 2020 12:05:38 +1000 Subject: [PATCH 125/373] Added react-instagram-zoom-slider --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 77544ee..16f39d1 100644 --- a/README.md +++ b/README.md @@ -121,6 +121,7 @@ _Loaders / spinners / progress bars — Let the user know that something is load - [react-awesome-slider](https://github.com/rcaferati/react-awesome-slider) - [demo](https://caferati.me/demo/react-awesome-slider) - 3D animated 60fps media and content slider/carousel. - [pure-react-carousel](https://github.com/express-labs/pure-react-carousel) - Built from scratch and not highly opinionated. - [react-id-swiper](https://github.com/kidjp85/react-id-swiper) - A library to use idangerous Swiper as a ReactJs component +- [react-instagram-zoom-slider](https://github.com/skozer/react-instagram-zoom-slider) - [demo](https://skozer.github.io/react-instagram-zoom-slider/) - A slider component with pinch to zoom capabilities inspired by Instagram. - [react-responsive-carousel](https://github.com/leandrowd/react-responsive-carousel) - React.js Responsive Carousel (with Swipe). - [react-slick](https://github.com/akiran/react-slick) - React carousel component. From f8183a9c93817444d084fec4ab7a0c9b623473bc Mon Sep 17 00:00:00 2001 From: Pranesh Date: Sun, 26 Apr 2020 11:10:15 +0530 Subject: [PATCH 126/373] Add use-key-capture A custom hook to ease the key-press listeners of a target/global. --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index dd3c9ef..47a4f49 100644 --- a/README.md +++ b/README.md @@ -566,6 +566,7 @@ _Turn user input into actions_ - [react-key-handler](https://github.com/ayrton/react-key-handler) - React component to handle keyboard events. - [react-keydown](https://github.com/glortho/react-keydown) - Lightweight keydown wrapper for React components. - [react-shortcuts](https://github.com/avocode/react-shortcuts) - Manage keyboard shortcuts from one place. +- [useKeyCapture](https://github.com/pranesh239/use-key-capture) - A custom hook to ease the key-press listeners of a target/global. #### Scroll Events From 17e76a66681fbeb8b66b3a4f6806b2232832361d Mon Sep 17 00:00:00 2001 From: Victor Cazanave Date: Fri, 1 May 2020 11:35:44 +0800 Subject: [PATCH 127/373] Add react-svg-map --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 380b588..6ce0eed 100644 --- a/README.md +++ b/README.md @@ -198,6 +198,7 @@ _Ways to navigate views_ - [react-leaflet](https://github.com/PaulLeCam/react-leaflet) - React components for Leaflet maps. - [react-map-gl](https://github.com/uber/react-map-gl) - A React wrapper for MapboxGL-js and overlay API. - [react-mapbox-gl](https://github.com/alex3165/react-mapbox-gl) - A React binding of mapbox-gl-js. +- [react-svg-map](https://github.com/VictorCazanave/react-svg-map) - [demo](https://victorcazanave.github.io/react-svg-map/) - A set of components to display an interactive SVG map. ### Time / Date / Age From 6354c072200af8b6a7748984d92485cf9986ba14 Mon Sep 17 00:00:00 2001 From: Victor Cazanave Date: Fri, 1 May 2020 11:36:54 +0800 Subject: [PATCH 128/373] Remove react-sparkline --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 6ce0eed..0f8b61f 100644 --- a/README.md +++ b/README.md @@ -149,7 +149,6 @@ _Display data in charts / graphs / diagrams_ - [react-google-charts](https://github.com/RakanNimer/react-google-charts) - React-google-charts React component. - [react-highcharts](https://github.com/kirjs/react-highcharts) - React-highcharts. - [react-sigmajs](https://github.com/dunnock/react-sigma) - Lightweight but powerful library for drawing network graphs built on top of SigmaJS. -- [react-sparkline](https://github.com/KyleAMathews/react-sparkline) - React component for rendering simple sparklines. - [react-sparklines](https://github.com/borisyankov/react-sparklines) - Beautiful and expressive Sparklines React component. - [react-timeseries-charts](https://github.com/esnet/react-timeseries-charts) - Declarative timeseries charts. - [react-trend](https://github.com/unsplash/react-trend) - Simple, elegant spark lines. From a97b5aa02d60ae0757645e285ccd776d6dd2ed0a Mon Sep 17 00:00:00 2001 From: MehmetKaplan Date: Sat, 2 May 2020 14:14:59 +0630 Subject: [PATCH 129/373] Adding matrix-card There are no matrix style of cards or panels in the wild. This new component may help developers easily generate matrix style cards and panels. It does only one task. And tries to make it good. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 0f8b61f..554cb34 100644 --- a/README.md +++ b/README.md @@ -530,7 +530,7 @@ _Set of components + responsive layout system_ - [aframe-react](https://github.com/ngokevin/aframe-react) - Build virtual reality experiences with A-Frame and React. - [react-admin](https://github.com/marmelab/react-admin) - Build admin user experiences on top of REST and GraphQL services. - [react-desktop](https://github.com/gabrielbull/react-desktop) - React UI Components for macOS Sierra and Windows 10. -- [react-stack-cards](https://github.com/yoloten/react-stack-cards) - Collection of stack card effects for galleries and preview grids. +- [matrix-card](https://github.com/MehmetKaplan/matrix-card) - [demo](https://mehmetkaplan.github.io/matrix-card/) - Simplest possible component to generate matrix rain style cards. - [rsuite](https://github.com/rsuite/rsuite) - [demo/docs](https://rsuitejs.com/) - Suite of components for "enterprise system products". From 2e253af43ed1373b28921042f6fec7151fa601c0 Mon Sep 17 00:00:00 2001 From: Tobias Jonas Date: Mon, 4 May 2020 11:52:48 +0200 Subject: [PATCH 130/373] Add react-planet --- README.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 554cb34..6830792 100644 --- a/README.md +++ b/README.md @@ -85,8 +85,10 @@ _Menus / sidebars_ - [react-burger-menu](https://github.com/negomi/react-burger-menu) - An off-canvas sidebar with effects and styles. - [react-contextmenu](https://github.com/vkbansal/react-contextmenu) - Context Menu implemented in React. - [react-offcanvas](https://github.com/vutran/react-offcanvas) - Off-canvas menus for React. +- [react-planet](https://github.com/innFactory/react-planet) - [demo](https://innfactory.github.io/react-planet/) - Create circular menus which looks like planets. - [react-sidebar](https://github.com/balloob/react-sidebar) - A sidebar component for React. + ### Sticky _Fixed headers / scroll-up headers / sticky elements_ @@ -244,7 +246,6 @@ _Display parsed markdow source_ ### Miscellaneous -- [react-avatar](https://github.com/Sitebase/react-avatar) - Universal React avatar component makes it possible to generate avatars based on user information. - [react-avatar-generator](https://github.com/JosephSmith127/react-avatar-generator) - Allows users to create random kaleidoscopes to be used as avatars. - [react-awesome-query-builder](https://github.com/ukrbublik/react-awesome-query-builder) - [demo](https://ukrbublik.github.io/react-awesome-query-builder/) - Visual query builder from form fields, with SQL, MongoDB and JSON export - [react-blur](https://github.com/javierbyte/react-blur) - React component for blurred backgrounds. From 523f30d211e4df0dc77099ba8220bc346f09131e Mon Sep 17 00:00:00 2001 From: axmz <46653103+axmz@users.noreply.github.com> Date: Sat, 9 May 2020 21:05:41 +0300 Subject: [PATCH 131/373] add react-searchbox-awesome demo: https://axmz.github.io/react-searchbox-awesome-page/ github: https://github.com/axmz/react-searchbox-awesome --- README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/README.md b/README.md index 6830792..c0fee75 100644 --- a/README.md +++ b/README.md @@ -309,6 +309,10 @@ _Autosuggest / autocomplete / typeahead_ - [react-autosuggest](https://github.com/moroshko/react-autosuggest) - WAI-ARIA compliant React autosuggest component. - [react-typeahead](https://github.com/fmoo/react-typeahead) - Pure react-based typeahead and typeahead-tokenizer. +#### Searchbox + +- [react-searchbox-awesome](https://github.com/axmz/react-searchbox-awesome) - [demo](https://axmz.github.io/react-searchbox-awesome-page/) - Minimalistic searchbox. + #### Select - [react-aria-menubutton](https://github.com/davidtheclark/react-aria-menubutton) - A fully accessible, easily themeable, React-powered menu button. From 10927f6f7f65af05370f45584a2f5324c1559c0e Mon Sep 17 00:00:00 2001 From: axmz <46653103+axmz@users.noreply.github.com> Date: Sun, 10 May 2020 11:31:07 +0300 Subject: [PATCH 132/373] moved react-searchbox-awesome moved react-searchbox-awesome under UI Components/Miscellaneous --- README.md | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/README.md b/README.md index c0fee75..631b529 100644 --- a/README.md +++ b/README.md @@ -259,6 +259,7 @@ _Display parsed markdow source_ - [react-json-tree](https://github.com/alexkuz/react-json-tree) - React JSON Viewer Component, Extracted from redux-devtools. - [react-resizable-and-movable](https://github.com/bokuweb/react-resizable-and-movable) - Resizable and movable component for React. - [react-resizable-box](https://github.com/bokuweb/react-resizable-box) - Resizable component for React. #reactjs. +- [react-searchbox-awesome](https://github.com/axmz/react-searchbox-awesome) - [demo](https://axmz.github.io/react-searchbox-awesome-page/) - Minimalistic searchbox. - [react-split-pane](https://github.com/tomkp/react-split-pane) - React split-pane component. - [react-swipe-to-delete-ios](https://github.com/arnaudambro/react-swipe-to-delete-ios) - [demo](https://arnaudambro.github.io/react-swipe-to-delete-ios/) - To delete an item in a list the same way iOS does. - [typography](https://github.com/KyleAMathews/typography.js) - A powerful toolkit for building websites with beautiful typography. @@ -309,10 +310,6 @@ _Autosuggest / autocomplete / typeahead_ - [react-autosuggest](https://github.com/moroshko/react-autosuggest) - WAI-ARIA compliant React autosuggest component. - [react-typeahead](https://github.com/fmoo/react-typeahead) - Pure react-based typeahead and typeahead-tokenizer. -#### Searchbox - -- [react-searchbox-awesome](https://github.com/axmz/react-searchbox-awesome) - [demo](https://axmz.github.io/react-searchbox-awesome-page/) - Minimalistic searchbox. - #### Select - [react-aria-menubutton](https://github.com/davidtheclark/react-aria-menubutton) - A fully accessible, easily themeable, React-powered menu button. From 2ee727821ba22eaf2359e6b50b10f29dd15245ee Mon Sep 17 00:00:00 2001 From: TJ VanToll Date: Wed, 6 May 2020 09:56:05 -0400 Subject: [PATCH 133/373] Adding KendoReact to the list --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 6830792..e4861dc 100644 --- a/README.md +++ b/README.md @@ -41,6 +41,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [sematable](https://github.com/sematext/sematable) - Client side sorting, pagination, and text filter for redux/react based apps. - [DevExtreme React Grid](https://devexpress.github.io/devextreme-reactive/react/grid/) - High-performance plugin-based data grid for Bootstrap and Material Design. - [Smart React Grid](https://htmlelements.com/docs/react/) - Fast and feature-complete data grid with Material Design. +- [KendoReact Grid](https://www.telerik.com/kendo-react-ui/components/grid/) - Powerful data grid component with 100+ ready-to-use features like paging, sorting, export to Excel, and more. ### Infinite Scroll - [@egjs/react-infinitegrid](https://github.com/naver/egjs-infinitegrid/blob/master/packages/react-infinitegrid) - [npm](https://www.npmjs.com/package/@egjs/react-infinitegrid) - [demo](https://naver.github.io/egjs-infinitegrid/storybook/) - A module used to arrange card elements including content infinitely according to various layout types. From 9b8f093370450559a0ff72aa1007ea4ce09f6bce Mon Sep 17 00:00:00 2001 From: Mateusz Date: Wed, 13 May 2020 14:50:31 +0200 Subject: [PATCH 134/373] Add MDB React :) --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index a1e9cf8..5b9c429 100644 --- a/README.md +++ b/README.md @@ -518,6 +518,7 @@ _Set of components + responsive layout system_ - [react-essence](https://github.com/Evo-Forge/Essence) - Essence - The Essential Material Design Framework. - [react-materialize](https://github.com/react-materialize/react-materialize) - Material design for react, powered by materializecss. - [react-toolbox](https://github.com/react-toolbox/react-toolbox) - A set of React components implementing Google's Material Design. +- [mdbootstrap](https://github.com/mdbootstrap/React-Bootstrap-with-Material-Design) - React Bootstrap with Material Design ### Mobile From c8a27f9a161f7a626b37bc9b4945a8be4b41f8e2 Mon Sep 17 00:00:00 2001 From: Michele Biondi Date: Thu, 21 May 2020 16:55:03 +0200 Subject: [PATCH 135/373] Add sweetalert2 and SweetAlert2-react-content --- README.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 5b9c429..b8f4c12 100644 --- a/README.md +++ b/README.md @@ -60,7 +60,8 @@ _Display overlay / modal / alert / dialog / lightbox / popup_ - [react-dock](https://github.com/alexkuz/react-dock) - Resizable dockable react component. - [react-modal](https://github.com/reactjs/react-modal) - Accessible modal dialog component for React. - [react-skylight](https://github.com/marcio/react-skylight) - A react component for modals and dialogs. - +- [sweetalert2](https://github.com/sweetalert2/sweetalert2) - [demo/docs](https://sweetalert2.github.io/) - A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies. +- [sweetalert2-react-content](https://github.com/sweetalert2/sweetalert2-react-content) - Official SweetAlert2 enhancer adding support for React elements as content ### Notification _Toaster / snackbar — Notify the user with a modeless temporary little popup_ From b31702bab79b5156a41839d3e694bf26f9ea8b42 Mon Sep 17 00:00:00 2001 From: bmarkov Date: Mon, 8 Jun 2020 14:20:13 +0300 Subject: [PATCH 136/373] Added jQWidgets and Smart UI components. --- README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/README.md b/README.md index b8f4c12..f30931e 100644 --- a/README.md +++ b/README.md @@ -26,6 +26,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [ag-grid](https://github.com/ceolter/ag-grid) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components. - [gigatables-react](https://github.com/GigaTables/reactables) - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more. - [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid. +- [jqwidgets-react-grid](https://www.jqwidgets.com/react/react-grid/) - Filtering, Pagination, Grouping, Export to Excel, PDF, CRUD and more. ### Table @@ -163,6 +164,8 @@ _Display data in charts / graphs / diagrams_ - [reaviz](https://github.com/jask-oss/reaviz) - ReactJS Data Visualization Library based on D3.js. - [semiotic](https://semiotic.nteract.io/) - Semiotic is a data visualization framework for React. - [DevExtreme React Chart](https://devexpress.github.io/devextreme-reactive/react/chart/) - High-performance plugin-based chart for Bootstrap and Material Design. +- [Smart React Chart](https://www.htmlelements.com/react/chart/overview/) - Feature complete Charting library. + ### Tree @@ -289,6 +292,7 @@ _Date picker / time picker / datetime picker / date range picker_ - [react-yearly-calendar](https://github.com/BelkaLab/react-yearly-calendar) - React.js Yearly Calendar Component. - [r-date-picker](https://github.com/KELEN/r-date-picker) - React.js high customize date picker component, easy style it. - [DevExtreme React Scheduler](https://devexpress.github.io/devextreme-reactive/react/scheduler/) - High-performance plugin-based scheduler/calendar for Material Design. +- [jQWidgets Scheduler](https://www.jqwidgets.com/react/react-scheduler/) - Feature complete Scheduling library. #### Emoji picker From bc0ce96db57bb020672c395b96e8fa812d788152 Mon Sep 17 00:00:00 2001 From: bmarkov Date: Tue, 9 Jun 2020 13:43:24 +0300 Subject: [PATCH 137/373] Fix broken links --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index f30931e..f8fd2f1 100644 --- a/README.md +++ b/README.md @@ -41,7 +41,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [rsuite-table](https://github.com/rsuite/rsuite-table) - [demo/docs](http://rsuite.github.io/rsuite-table/) - A table component that supports virtualized. - [sematable](https://github.com/sematext/sematable) - Client side sorting, pagination, and text filter for redux/react based apps. - [DevExtreme React Grid](https://devexpress.github.io/devextreme-reactive/react/grid/) - High-performance plugin-based data grid for Bootstrap and Material Design. -- [Smart React Grid](https://htmlelements.com/docs/react/) - Fast and feature-complete data grid with Material Design. +- [Smart React Grid](https://htmlelements.com/react/demos/grid/overview/) - Fast and feature-complete data grid with Material Design. - [KendoReact Grid](https://www.telerik.com/kendo-react-ui/components/grid/) - Powerful data grid component with 100+ ready-to-use features like paging, sorting, export to Excel, and more. ### Infinite Scroll @@ -164,7 +164,7 @@ _Display data in charts / graphs / diagrams_ - [reaviz](https://github.com/jask-oss/reaviz) - ReactJS Data Visualization Library based on D3.js. - [semiotic](https://semiotic.nteract.io/) - Semiotic is a data visualization framework for React. - [DevExtreme React Chart](https://devexpress.github.io/devextreme-reactive/react/chart/) - High-performance plugin-based chart for Bootstrap and Material Design. -- [Smart React Chart](https://www.htmlelements.com/react/chart/overview/) - Feature complete Charting library. +- [Smart React Chart](https://www.htmlelements.com/react/demos/chart/overview/) - Feature complete Charting library. ### Tree From 9ccf83ba76c41f6fcca85117b0865527ef163839 Mon Sep 17 00:00:00 2001 From: Luuk de Vlieger Date: Wed, 10 Jun 2020 09:26:39 +0200 Subject: [PATCH 138/373] =?UTF-8?q?=F0=9F=93=9D=20Add=20hamburger-react?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Remove https://github.com/joeattardi/react-snackbar-alert (deprecated) - Remove https://github.com/balloob/react-sidebar (deprecated) - Add https://github.com/luukdv/hamburger-react --- README.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/README.md b/README.md index f8fd2f1..0e7b5fa 100644 --- a/README.md +++ b/README.md @@ -73,7 +73,6 @@ _Toaster / snackbar — Notify the user with a modeless temporary little popup_ - 🚀 [react-toastify](https://github.com/fkhadra/react-toastify) - [demo](https://fkhadra.github.io/react-toastify/) - best bet out there at the moment. Hooks support. No refs. - [react-toast-notifications](https://github.com/jossmac/react-toast-notifications) - [demo](https://jossmac.github.io/react-toast-notifications/) - pleasing toast system. - [reapop](https://github.com/LouisBarranqueiro/reapop) - A React & Redux notifications system. -- [react-snackbar-alert](https://github.com/joeattardi/react-snackbar-alert) - [demo](https://joeattardi.github.io/react-snackbar-alert/) - Simple snackbar notifications. Uses Context API. - [simple-react-notifications](https://github.com/alexpermyakov/simple-react-notifications) - [demo](https://alexpermyakov.github.io/simple-react-notifications/) - Tiny notification library (1kb gzip). ### Tooltip @@ -85,12 +84,11 @@ _Toaster / snackbar — Notify the user with a modeless temporary little popup_ _Menus / sidebars_ +- [hamburger-react](https://github.com/luukdv/hamburger-react) - [demo/docs](https://hamburger-react.netlify.app/) - Animated hamburger menu icons for React. - [react-burger-menu](https://github.com/negomi/react-burger-menu) - An off-canvas sidebar with effects and styles. - [react-contextmenu](https://github.com/vkbansal/react-contextmenu) - Context Menu implemented in React. - [react-offcanvas](https://github.com/vutran/react-offcanvas) - Off-canvas menus for React. - [react-planet](https://github.com/innFactory/react-planet) - [demo](https://innfactory.github.io/react-planet/) - Create circular menus which looks like planets. -- [react-sidebar](https://github.com/balloob/react-sidebar) - A sidebar component for React. - ### Sticky From 3f9f777093b1b82ebd989b26a86839bf2b58fd70 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lud=C4=9Bk=20Vep=C5=99ek?= Date: Thu, 11 Jun 2020 17:54:56 +0200 Subject: [PATCH 139/373] Add orbit-components - Remove https://github.com/akiran/react-foundation-apps (not maintained for almost 5 years) - Add https://github.com/kiwicom/orbit-components/ --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 0e7b5fa..61e6774 100644 --- a/README.md +++ b/README.md @@ -498,10 +498,10 @@ _Set of components + responsive layout system_ - [gestalt](https://github.com/pinterest/gestalt) - [demo/docs](https://pinterest.github.io/gestalt/#/) - A set of components that supports Pinterest’s design language. - [insites-ui](https://github.com/insites-co/insites-ui) - Modern, opinionated, minimal, yet powerful React components library, powered by Styled Components. - [office-ui-fabric-react](https://github.com/OfficeDev/office-ui-fabric-react) - React components for building Microsoft web experiences. +- [orbit-components](https://github.com/kiwicom/orbit-components/) - Components for building travel oriented projects. - [pivotal-ui-react](https://github.com/pivotal-cf/pivotal-ui) - React components based on a custom version of the Bootstrap library. - [primereact](https://github.com/primefaces/primereact) - A complete UI Framework with 50+ components featuring material, bootstrap and custom themes. - [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap components built with React. -- [react-foundation-apps](https://github.com/akiran/react-foundation-apps) - Foundation Apps components built with React. - [react-foundation](https://github.com/nordsoftware/react-foundation) - Foundation as React components. - [reakit](https://github.com/reakit/reakit) - [demo/docs](https://reakit.io/docs/button/) Toolkit for building accessible rich web apps - [rebass](https://github.com/jxnblk/rebass) - Configurable React Stateless Functional UI Components. From 009538ab1c6ff7f35e5dc133ed833aad3b52263b Mon Sep 17 00:00:00 2001 From: Tej Date: Sat, 20 Jun 2020 19:08:54 -0400 Subject: [PATCH 140/373] Add Captcha Image --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 61e6774..1cadd95 100644 --- a/README.md +++ b/README.md @@ -267,6 +267,7 @@ _Display parsed markdow source_ - [react-swipe-to-delete-ios](https://github.com/arnaudambro/react-swipe-to-delete-ios) - [demo](https://arnaudambro.github.io/react-swipe-to-delete-ios/) - To delete an item in a list the same way iOS does. - [typography](https://github.com/KyleAMathews/typography.js) - A powerful toolkit for building websites with beautiful typography. - [react-pulse-text](https://github.com/Kelsier90/React-Pulse-Text) - [demo/docs](https://kelsier90.github.io/React-Pulse-Text/) - Allows you to animate the text of any property of another component. +- [captcha-image](https://github.com/tpkahlon/captcha-image) - Allows you to generate a random captcha image with options. ### Form Components From 677139f8b89e312425ab8e1d0e1a1e4a6b59755e Mon Sep 17 00:00:00 2001 From: Jordie Bodlay Date: Thu, 2 Jul 2020 17:05:11 +1000 Subject: [PATCH 141/373] Remove react-ui-tree, unmaintained for 2 years --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 1cadd95..f9a84d4 100644 --- a/README.md +++ b/README.md @@ -171,7 +171,6 @@ _Display a tree data structure_ - [react-treebeard](https://github.com/alexcurtis/react-treebeard) - React Tree View Component. Data-Driven, Fast, Efficient and Customisable. - [react-treeview](https://github.com/chenglou/react-treeview) - Easy, light, flexible tree view made with React. -- [react-ui-tree](https://github.com/pqx/react-ui-tree) - React tree component. ### UI Navigation From b754d9d8af9da05a987d2ade5a9d8c88af4dc97f Mon Sep 17 00:00:00 2001 From: Jordie Bodlay Date: Thu, 2 Jul 2020 17:06:43 +1000 Subject: [PATCH 142/373] Add keen slider, a performant slider/carousel --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index f9a84d4..bfc3df1 100644 --- a/README.md +++ b/README.md @@ -127,6 +127,7 @@ _Loaders / spinners / progress bars — Let the user know that something is load - [react-instagram-zoom-slider](https://github.com/skozer/react-instagram-zoom-slider) - [demo](https://skozer.github.io/react-instagram-zoom-slider/) - A slider component with pinch to zoom capabilities inspired by Instagram. - [react-responsive-carousel](https://github.com/leandrowd/react-responsive-carousel) - React.js Responsive Carousel (with Swipe). - [react-slick](https://github.com/akiran/react-slick) - React carousel component. +- [keen-slider](https://github.com/rcbyr/keen-slider) - [demo](https://keen-slider.io/examples/#examples) - Performant carousel/slider with native touch/swipe behavior. ### Buttons From 0271b02af90dec2dc24c61e84718034d9ca5fed7 Mon Sep 17 00:00:00 2001 From: meesvandongen <35409045+meesvandongen@users.noreply.github.com> Date: Sat, 4 Jul 2020 14:55:42 +0200 Subject: [PATCH 143/373] Add framer motion --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index bfc3df1..c7e90e6 100644 --- a/README.md +++ b/README.md @@ -467,6 +467,7 @@ _Animate transitions_ - [react-mt-svg-lines](https://github.com/moarwick/react-mt-svg-lines) - Wrapper to animate the line stroke in SVGs. - [react-router-transition](https://github.com/maisano/react-router-transition) - Transitions built for react-router, powered by react-motion. - [react-spring](https://github.com/react-spring/react-spring) - A spring physics based animation library. +- [framer-motion](https://github.com/framer/motion) - An animation and gesture library. - [react-spark-scroll](https://github.com/gilbox/react-spark-scroll) - Scroll-based actions and animations for react. - [react-track](https://github.com/gilbox/react-track) - Track the position of DOM elements. Create cool animations. - [react-transitive-number](https://github.com/Lapple/react-transitive-number) - Apply transition effect to numeric strings, a la old Groupon timers. From c2f844b79d680db61704ac392f0dbf8f8d1faff2 Mon Sep 17 00:00:00 2001 From: Vinoth Pandian Date: Tue, 21 Jul 2020 09:21:21 +0200 Subject: [PATCH 144/373] Add canvas components --- README.md | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index c7e90e6..888e067 100644 --- a/README.md +++ b/README.md @@ -247,6 +247,14 @@ _Display parsed markdow source_ - [react-markdown](https://github.com/rexxars/react-markdown) - Render Markdown as React components. +### Canvas + +_Sketch input using Canvas or SVG_ + +- [react-konva](https://github.com/konvajs/react-konva) - React Konva is a JavaScript library for drawing complex canvas graphics with bindings to the Konva Framework. +- [react-sketch](https://github.com/tbolis/react-sketch) - A Sketch tool for React based applications, backed-up by FabricJS +- [react-sketch-canvas](https://github.com/vinothpandian/react-sketch-canvas) - [Demo](https://vinoth.info/react-sketch-canvas/?path=/story/*) Freehand vector drawing tool for React using SVG as canvas. Accepts input from Mouse, touch, and graphic tablets + ### Miscellaneous - [react-avatar-generator](https://github.com/JosephSmith127/react-avatar-generator) - Allows users to create random kaleidoscopes to be used as avatars. @@ -802,7 +810,6 @@ _Internationalization / L10n / localization / translation_ ### UI - [inferno](https://github.com/trueadm/inferno) - An extremely fast, React-like JavaScript library for building modern user interfaces. -- [react-canvas](https://github.com/Flipboard/react-canvas) - High performance <canvas> rendering for React components. - [react-fastclick](https://github.com/JakeSidSmith/react-fastclick) - Fast Touch Events for React. - [react-static-container](https://github.com/reactjs/react-static-container) - Renders static content efficiently. From c9f35d990969d508de05fdc65c4cdd84c72d2e92 Mon Sep 17 00:00:00 2001 From: Anand gupta Date: Fri, 24 Jul 2020 12:41:37 +0530 Subject: [PATCH 145/373] Added react-enterprise-starter-kit Added a new starter kit to boilerplate section --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 888e067..4262188 100644 --- a/README.md +++ b/README.md @@ -751,6 +751,7 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [universal-redux](https://github.com/bdefore/universal-redux) - An npm package that lets you jump right into coding React and Redux. - [create-react-dependency](https://github.com/andrelmlins/create-react-dependency) - Create react dependencies with no build configuration. - [phoenix](https://github.com/Sazito/phoenix) - A simple boilerplate that helps you make your react application with Server Side Rendering & Localization support. +- [react-enterprise-starter-kit](https://github.com/anandgupta193/react-enterprise-starter-kit) - Highly Scalable and Performant Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase. ### Miscellaneous From 4d9a230cc6f26935ef29455cd6c65c4f9e58bf71 Mon Sep 17 00:00:00 2001 From: Jacek Bogdanski Date: Fri, 24 Jul 2020 14:38:53 +0200 Subject: [PATCH 146/373] Added official CKEditor integrations. --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index 888e067..786b866 100644 --- a/README.md +++ b/README.md @@ -399,6 +399,8 @@ _Let the user define an order on a list_ #### Rich Text Editor - [alloyeditor](https://github.com/liferay/alloy-editor) - WYSIWYG editor based on CKEditor with completely rewritten UI. +- [ckeditor4-react](https://github.com/ckeditor/ckeditor4-react) - An official CKEditor 4 rich text editor wrapper. +- [ckeditor5-react](https://github.com/ckeditor/ckeditor5-react) - An official CKEditor 5 rich text editor wrapper. - [draft-js](https://github.com/facebook/draft-js) - A React framework for building text editors. - [megadraft](https://github.com/globocom/megadraft) - Rich Text editor built on top of draft.js. - [react-ace](https://github.com/securingsincity/react-ace) - Ace (Advanced Code Editor) wraper. From 06342f051ec93d869a514af8359d2b3732c58fb6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hu=E1=BB=B3nh=20Tr=E1=BA=A7n=20=C4=90=C4=83ng=20Khoa?= Date: Mon, 27 Jul 2020 16:11:36 +0700 Subject: [PATCH 147/373] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index f3b3aeb..6ee4e65 100644 --- a/README.md +++ b/README.md @@ -754,6 +754,7 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [create-react-dependency](https://github.com/andrelmlins/create-react-dependency) - Create react dependencies with no build configuration. - [phoenix](https://github.com/Sazito/phoenix) - A simple boilerplate that helps you make your react application with Server Side Rendering & Localization support. - [react-enterprise-starter-kit](https://github.com/anandgupta193/react-enterprise-starter-kit) - Highly Scalable and Performant Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase. +- [express-react-boilerplate](https://github.com/htdangkhoa/erb) - 🚀🚀🚀 A tool that helps programmers create Express & React projects easily base on react-cool-starter. ### Miscellaneous From f6a417fcbcc2b0bd46c91375dd8021fd98adb1d0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hu=E1=BB=B3nh=20Tr=E1=BA=A7n=20=C4=90=C4=83ng=20Khoa?= Date: Tue, 28 Jul 2020 09:46:14 +0700 Subject: [PATCH 148/373] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 6ee4e65..c9656f8 100644 --- a/README.md +++ b/README.md @@ -754,7 +754,7 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [create-react-dependency](https://github.com/andrelmlins/create-react-dependency) - Create react dependencies with no build configuration. - [phoenix](https://github.com/Sazito/phoenix) - A simple boilerplate that helps you make your react application with Server Side Rendering & Localization support. - [react-enterprise-starter-kit](https://github.com/anandgupta193/react-enterprise-starter-kit) - Highly Scalable and Performant Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase. -- [express-react-boilerplate](https://github.com/htdangkhoa/erb) - 🚀🚀🚀 A tool that helps programmers create Express & React projects easily base on react-cool-starter. +- [express-react-boilerplate](https://github.com/htdangkhoa/erb) - A tool that helps programmers create Express & React projects easily base on react-cool-starter. ### Miscellaneous From eb8278f311db7756c3f0328133c1424ed106328c Mon Sep 17 00:00:00 2001 From: Filipp Riabchun Date: Wed, 5 Aug 2020 15:34:57 +0200 Subject: [PATCH 149/373] Replace react-sortable-hoc with react-movable [`react-sortable-hoc`](https://github.com/clauderic/react-sortable-hoc) is incompatible with future React versions, and its maintainers show no reaction to PR fixing this: https://github.com/clauderic/react-sortable-hoc/pull/624 [`react-measure`](https://github.com/tajo/react-movable) is an accessible, low-sized, and well-maintained alternative --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index c9656f8..f3835c0 100644 --- a/README.md +++ b/README.md @@ -385,6 +385,7 @@ _Let the user add multiple tags in a single input_ - [react-draggable](https://github.com/mzabriskie/react-draggable) - React draggable component. - [react-dragula](https://github.com/bevacqua/react-dragula) - Drag and drop so simple it hurts. - [react-dropzone](https://github.com/okonet/react-dropzone) - Simple HTML5 drag-drop zone with React.js. +- [react-movable](https://github.com/tajo/react-movable) - Accessible and minimalistic (<4kB gzipped) library for vertical drag and drop in lists and tables. - [react-sortable-pane](https://github.com/bokuweb/react-sortable-pane) - Sortable and resizable pane component for React. #### Sortable List @@ -392,7 +393,6 @@ _Let the user add multiple tags in a single input_ _Let the user define an order on a list_ - [react-anything-sortable](https://github.com/jasonslyvia/react-anything-sortable) - Sort any children with touch support and IE8 compatibility. -- [react-sortable-hoc](https://github.com/clauderic/react-sortable-hoc) - Higher-order components to turn any list into an animated, touch-friendly, sortable list. - [react-sortable](https://github.com/danielstocks/react-sortable) - A sortable list component built with React. - [sortablejs](https://github.com/SortableJS/Sortable) - Lists reorderable by drag-and-drop, within and among lists. From fdefbf2a0591fb6b62b7869ae0da4ffb54e43291 Mon Sep 17 00:00:00 2001 From: Craig Condon Date: Wed, 5 Aug 2020 17:01:41 -0500 Subject: [PATCH 150/373] Update README.md Looks like `react-templates` hasn't been updated in ~2 years, and it's not used a whole lot according to NPM. Swapping it out for Paperclip! --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index f3835c0..ec2b0cf 100644 --- a/README.md +++ b/README.md @@ -709,6 +709,7 @@ _Component properties asynchronously fetched over the network_ - [aphrodite](https://github.com/Khan/aphrodite) - It's inline styles, but they work!. - [classnames](https://github.com/JedWatson/classnames) - A simple javascript utility for conditionally joining classNames together. - [inline-style-prefixer](https://github.com/rofrischmann/inline-style-prefixer) - Run-time Autoprefixer for Inline Style Objects. +- [paperclip](https://paperclip.dev) - [docs](https://paperclip.dev/docs/) - Build UI primitivites with plain HTML & CSS. - [radium](https://github.com/FormidableLabs/radium) - A set of tools to manage inline styles on React elements. - [react-container-query](https://github.com/d6u/react-container-query) - Modular responsive component. - [react-css-modules](https://github.com/gajus/react-css-modules) - Seamless mapping of class names to CSS modules inside of React components. @@ -720,7 +721,6 @@ _Component properties asynchronously fetched over the network_ - [hyperx](https://github.com/substack/hyperx) - Tagged template string virtual dom builder. - [jsx-control-statements](https://github.com/AlexGilleran/jsx-control-statements) - Neater If and For for React JSX. -- [react-templates](https://github.com/wix/react-templates) - Light weight templates for react. ### Isomorphic Apps From 81049c9a66e68071539799e043a80f6f5722db29 Mon Sep 17 00:00:00 2001 From: Matteo Bruni Date: Sun, 9 Aug 2020 19:26:31 +0200 Subject: [PATCH 151/373] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index ec2b0cf..99b5e25 100644 --- a/README.md +++ b/README.md @@ -472,6 +472,7 @@ _Animate transitions_ - [react-flip-move](https://github.com/joshwcomeau/react-flip-move) - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique. - [react-gsap-enhancer](https://github.com/azazdeaz/react-gsap-enhancer) - Use the full power of React and GSAP together. - [react-magic-move](https://github.com/ryanflorence/react-magic-move) - MagicMove wrapper. +- [react-tsparticles](https://github.com/matteobruni/tsparticles/blob/master/components/react/README.md) - A lightweight component to easily create interactive particles animations - [react-motion-ui-pack](https://github.com/souporserious/react-motion-ui-pack) - Wrapper component around React Motion for easier UI transitions. - [react-motion](https://github.com/chenglou/react-motion) - A spring that solves your animation problems. - [react-mt-svg-lines](https://github.com/moarwick/react-mt-svg-lines) - Wrapper to animate the line stroke in SVGs. From 9a0e9046c9bc1ac8f4f2b00c581a40b6992ca0d5 Mon Sep 17 00:00:00 2001 From: Romuald Brillout Date: Wed, 2 Sep 2020 16:20:54 +0200 Subject: [PATCH 152/373] add wojtekmaj components and remove unmaintained project --- README.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 99b5e25..a3570e0 100644 --- a/README.md +++ b/README.md @@ -276,6 +276,7 @@ _Sketch input using Canvas or SVG_ - [typography](https://github.com/KyleAMathews/typography.js) - A powerful toolkit for building websites with beautiful typography. - [react-pulse-text](https://github.com/Kelsier90/React-Pulse-Text) - [demo/docs](https://kelsier90.github.io/React-Pulse-Text/) - Allows you to animate the text of any property of another component. - [captcha-image](https://github.com/tpkahlon/captcha-image) - Allows you to generate a random captcha image with options. +- [react-pdf](https://github.com/wojtekmaj/react-pdf) - Display PDFs in your React app as easily as if they were images. ### Form Components @@ -286,7 +287,6 @@ _Let the user enter data_ _Date picker / time picker / datetime picker / date range picker_ - [react-big-calendar](https://github.com/intljusticemission/react-big-calendar) - Gcal/outlook like calendar component. -- [react-calendar](https://github.com/freiksenet/react-calendar) - A modular toolkit to build calendar-related things in React. - [react-date-range](https://github.com/Adphorus/react-date-range) - A React component for choosing dates and date ranges. - [react-datepicker](https://github.com/Hacker0x01/react-datepicker) - A simple and reusable datepicker component for React. - [react-datepicker2](https://github.com/mberneti/react-datepicker2) - [demo](https://mberneti.github.io/react-datepicker2/) - [docs](https://mberneti.github.io/react-datepicker2/) A simple and reusable datepicker component (with persian jalali calendar support). @@ -300,6 +300,8 @@ _Date picker / time picker / datetime picker / date range picker_ - [r-date-picker](https://github.com/KELEN/r-date-picker) - React.js high customize date picker component, easy style it. - [DevExtreme React Scheduler](https://devexpress.github.io/devextreme-reactive/react/scheduler/) - High-performance plugin-based scheduler/calendar for Material Design. - [jQWidgets Scheduler](https://www.jqwidgets.com/react/react-scheduler/) - Feature complete Scheduling library. +- [react-calendar](https://github.com/wojtekmaj/react-calendar) - Ultimate calendar for your React app. +- [react-date-picker](https://github.com/wojtekmaj/react-date-picker) - A date picker for your React app. #### Emoji picker From 535d3be019ee7bb7bbef7eb4aff1ed2961df7bc4 Mon Sep 17 00:00:00 2001 From: Chithambara Kumar <32110271+chithakumar13@users.noreply.github.com> Date: Mon, 7 Sep 2020 16:08:13 +0530 Subject: [PATCH 153/373] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index a3570e0..823e344 100644 --- a/README.md +++ b/README.md @@ -277,6 +277,7 @@ _Sketch input using Canvas or SVG_ - [react-pulse-text](https://github.com/Kelsier90/React-Pulse-Text) - [demo/docs](https://kelsier90.github.io/React-Pulse-Text/) - Allows you to animate the text of any property of another component. - [captcha-image](https://github.com/tpkahlon/captcha-image) - Allows you to generate a random captcha image with options. - [react-pdf](https://github.com/wojtekmaj/react-pdf) - Display PDFs in your React app as easily as if they were images. +-[react-customizable-chat-bot](https://github.com/chithakumar13/react-chat-bot) - [Demo](https://chithakumar13.github.io/bot-example) - Build your own chatbot matching your brand needs in minutes. ### Form Components From 00d9729aa92d807ae84bbf46cac4328c0deb9e6b Mon Sep 17 00:00:00 2001 From: Chithambara Kumar <32110271+chithakumar13@users.noreply.github.com> Date: Mon, 7 Sep 2020 16:13:11 +0530 Subject: [PATCH 154/373] Update README.md With Customizable chat bot component Update README.md With Customizable chat bot component --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 823e344..5649b42 100644 --- a/README.md +++ b/README.md @@ -277,7 +277,7 @@ _Sketch input using Canvas or SVG_ - [react-pulse-text](https://github.com/Kelsier90/React-Pulse-Text) - [demo/docs](https://kelsier90.github.io/React-Pulse-Text/) - Allows you to animate the text of any property of another component. - [captcha-image](https://github.com/tpkahlon/captcha-image) - Allows you to generate a random captcha image with options. - [react-pdf](https://github.com/wojtekmaj/react-pdf) - Display PDFs in your React app as easily as if they were images. --[react-customizable-chat-bot](https://github.com/chithakumar13/react-chat-bot) - [Demo](https://chithakumar13.github.io/bot-example) - Build your own chatbot matching your brand needs in minutes. +- [react-customizable-chat-bot](https://github.com/chithakumar13/react-chat-bot) - [Demo](https://chithakumar13.github.io/bot-example) - Build your own chatbot matching your brand needs in minutes. ### Form Components From 41f06075fb26187ea257329966dc8cac6ae33002 Mon Sep 17 00:00:00 2001 From: Luuk de Vlieger Date: Tue, 8 Sep 2020 11:06:32 +0200 Subject: [PATCH 155/373] :pencil: Add gooey-react --- README.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/README.md b/README.md index 5649b42..bfa71f9 100644 --- a/README.md +++ b/README.md @@ -58,7 +58,6 @@ _Display overlay / modal / alert / dialog / lightbox / popup_ - [boron](https://github.com/yuanyan/boron) - A collection of dialog animations with React.js. - [modali](https://github.com/upmostly/modali) - A delightful modal dialog component, built from the ground up to support React Hooks. - [react-aria-modal](https://github.com/davidtheclark/react-aria-modal) - A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices. -- [react-dock](https://github.com/alexkuz/react-dock) - Resizable dockable react component. - [react-modal](https://github.com/reactjs/react-modal) - Accessible modal dialog component for React. - [react-skylight](https://github.com/marcio/react-skylight) - A react component for modals and dialogs. - [sweetalert2](https://github.com/sweetalert2/sweetalert2) - [demo/docs](https://sweetalert2.github.io/) - A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies. @@ -86,7 +85,6 @@ _Menus / sidebars_ - [hamburger-react](https://github.com/luukdv/hamburger-react) - [demo/docs](https://hamburger-react.netlify.app/) - Animated hamburger menu icons for React. - [react-burger-menu](https://github.com/negomi/react-burger-menu) - An off-canvas sidebar with effects and styles. -- [react-contextmenu](https://github.com/vkbansal/react-contextmenu) - Context Menu implemented in React. - [react-offcanvas](https://github.com/vutran/react-offcanvas) - Off-canvas menus for React. - [react-planet](https://github.com/innFactory/react-planet) - [demo](https://innfactory.github.io/react-planet/) - Create circular menus which looks like planets. @@ -476,7 +474,6 @@ _Animate transitions_ - [react-gsap-enhancer](https://github.com/azazdeaz/react-gsap-enhancer) - Use the full power of React and GSAP together. - [react-magic-move](https://github.com/ryanflorence/react-magic-move) - MagicMove wrapper. - [react-tsparticles](https://github.com/matteobruni/tsparticles/blob/master/components/react/README.md) - A lightweight component to easily create interactive particles animations -- [react-motion-ui-pack](https://github.com/souporserious/react-motion-ui-pack) - Wrapper component around React Motion for easier UI transitions. - [react-motion](https://github.com/chenglou/react-motion) - A spring that solves your animation problems. - [react-mt-svg-lines](https://github.com/moarwick/react-mt-svg-lines) - Wrapper to animate the line stroke in SVGs. - [react-router-transition](https://github.com/maisano/react-router-transition) - Transitions built for react-router, powered by react-motion. @@ -489,6 +486,7 @@ _Animate transitions_ - [velocity-react](https://github.com/twitter-fabric/velocity-react) - Velocity.js wrapper. - [auto-size-transition](https://github.com/DualWield/auto-size-transition) - A component that scale dynamically according to the internal children size - [react-particles-bg](https://github.com/lindelof/particles-bg) - Particles backgrounds. +- [gooey-react](https://github.com/luukdv/gooey-react) - [demo/docs](https://gooey-react.netlify.app/) - The gooey effect for React, used for shape blobbing / metaballs. ### Parallax From 1f7ed3be90ae214e088c4d4eb8ad4d834b603b05 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jo=C3=A3o=20Neto?= Date: Sun, 20 Sep 2020 16:47:42 +0100 Subject: [PATCH 156/373] Create blank.yml --- .github/workflows/blank.yml | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) create mode 100644 .github/workflows/blank.yml diff --git a/.github/workflows/blank.yml b/.github/workflows/blank.yml new file mode 100644 index 0000000..a5e5b91 --- /dev/null +++ b/.github/workflows/blank.yml @@ -0,0 +1,33 @@ +# This is a basic workflow to help you get started with Actions + +name: CI + +# Controls when the action will run. Triggers the workflow on push or pull request +# events but only for the master branch +on: + push: + branches: [ master ] + pull_request: + branches: [ master ] + +# A workflow run is made up of one or more jobs that can run sequentially or in parallel +jobs: + # This workflow contains a single job called "build" + build: + # The type of runner that the job will run on + runs-on: ubuntu-latest + + # Steps represent a sequence of tasks that will be executed as part of the job + steps: + # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it + - uses: actions/checkout@v2 + + - name: TOC Generator + uses: technote-space/toc-generator@v2.4.0 + + + # Runs a set of commands using the runners shell + - name: Run a multi-line script + run: | + echo Add other actions to build, + echo test, and deploy your project. From 3840072a88e6141e307caec95c51d0d203f25c15 Mon Sep 17 00:00:00 2001 From: joaomlneto Date: Sun, 20 Sep 2020 15:48:06 +0000 Subject: [PATCH 157/373] docs: update TOC --- README.md | 108 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 108 insertions(+) diff --git a/README.md b/README.md index bfa71f9..a2d4799 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,111 @@ + + +**Table of Contents** + +- [🚀 Absolutely Awesome React Components & Libraries](#-absolutely-awesome-react-components--libraries) + - [Contributing](#contributing) + - [UI Components](#ui-components) + - [Editable data grid / spreadsheet](#editable-data-grid--spreadsheet) + - [Table](#table) + - [Infinite Scroll](#infinite-scroll) + - [Overlay](#overlay) + - [Notification](#notification) + - [Tooltip](#tooltip) + - [Menu](#menu) + - [Sticky](#sticky) + - [Tabs](#tabs) + - [Loader](#loader) + - [Carousel](#carousel) + - [Buttons](#buttons) + - [Collapse](#collapse) + - [Chart](#chart) + - [Tree](#tree) + - [UI Navigation](#ui-navigation) + - [Custom Scrollbar](#custom-scrollbar) + - [Audio / Video](#audio--video) + - [Map](#map) + - [Time / Date / Age](#time--date--age) + - [Photo / Image](#photo--image) + - [Icons](#icons) + - [Paginator](#paginator) + - [Markdown Viewer](#markdown-viewer) + - [Canvas](#canvas) + - [Miscellaneous](#miscellaneous) + - [Form Components](#form-components) + - [Date / Time picker](#date--time-picker) + - [Emoji picker](#emoji-picker) + - [Input Types](#input-types) + - [Autocomplete](#autocomplete) + - [Select](#select) + - [Color Picker](#color-picker) + - [Toggle](#toggle) + - [Slider](#slider) + - [Radio Button](#radio-button) + - [Type Select](#type-select) + - [Tag Input](#tag-input) + - [Autosize Input / Textarea](#autosize-input--textarea) + - [Star Rating](#star-rating) + - [Drag and Drop](#drag-and-drop) + - [Sortable List](#sortable-list) + - [Rich Text Editor](#rich-text-editor) + - [Markdown Editor](#markdown-editor) + - [Image Editing](#image-editing) + - [Form Component Collections](#form-component-collections) + - [Miscellaneous](#miscellaneous-1) + - [Syntax Highlight](#syntax-highlight) + - [UI Layout](#ui-layout) + - [UI Animation](#ui-animation) + - [Parallax](#parallax) + - [UI Frameworks](#ui-frameworks) + - [Responsive](#responsive) + - [Material Design](#material-design) + - [Mobile](#mobile) + - [Component Collections](#component-collections) + - [UI Utilities](#ui-utilities) + - [Reporter](#reporter) + - [Visibility Reporter](#visibility-reporter) + - [Measurement Reporter](#measurement-reporter) + - [Device Input](#device-input) + - [Keyboard Events](#keyboard-events) + - [Scroll Events](#scroll-events) + - [Touch Swipe](#touch-swipe) + - [Mouse Events](#mouse-events) + - [Meta Tags](#meta-tags) + - [Portal](#portal) + - [Test User Behavior](#test-user-behavior) + - [Code Design](#code-design) + - [Data Store](#data-store) + - [Form Logic](#form-logic) + - [Router](#router) + - [Props from server](#props-from-server) + - [Communication with server](#communication-with-server) + - [CSS / Style](#css--style) + - [HTML Template](#html-template) + - [Isomorphic Apps](#isomorphic-apps) + - [Boilerplate](#boilerplate) + - [Miscellaneous](#miscellaneous-2) + - [Utilities](#utilities) + - [i18n](#i18n) + - [Framework bindings / integrations](#framework-bindings--integrations) + - [Integrations with Third Party Services](#integrations-with-third-party-services) + - [Performance](#performance) + - [UI](#ui) + - [Inspect](#inspect) + - [Lazy Load](#lazy-load) + - [App Size](#app-size) + - [Server-Side Rendering](#server-side-rendering) + - [Dev Tools](#dev-tools) + - [Test](#test) + - [Redux](#redux) + - [Inspect](#inspect-1) + - [Miscellaneous](#miscellaneous-3) + - [Miscellaneous](#miscellaneous-4) + - [Static Website Generator](#static-website-generator) + - [Cloud Solutions](#cloud-solutions) + - [Databases](#databases) + + + # 🚀 Absolutely Awesome React Components & Libraries This is a list of AWESOME components. Nope, it's NOT a comprehensive list of From a889c231c56a8e6ecdff289fc35115619ccee8e8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jo=C3=A3o=20Neto?= Date: Sun, 20 Sep 2020 16:49:33 +0100 Subject: [PATCH 158/373] Update README.md --- README.md | 111 ++---------------------------------------------------- 1 file changed, 3 insertions(+), 108 deletions(-) diff --git a/README.md b/README.md index a2d4799..41b9c86 100644 --- a/README.md +++ b/README.md @@ -1,111 +1,3 @@ - - -**Table of Contents** - -- [🚀 Absolutely Awesome React Components & Libraries](#-absolutely-awesome-react-components--libraries) - - [Contributing](#contributing) - - [UI Components](#ui-components) - - [Editable data grid / spreadsheet](#editable-data-grid--spreadsheet) - - [Table](#table) - - [Infinite Scroll](#infinite-scroll) - - [Overlay](#overlay) - - [Notification](#notification) - - [Tooltip](#tooltip) - - [Menu](#menu) - - [Sticky](#sticky) - - [Tabs](#tabs) - - [Loader](#loader) - - [Carousel](#carousel) - - [Buttons](#buttons) - - [Collapse](#collapse) - - [Chart](#chart) - - [Tree](#tree) - - [UI Navigation](#ui-navigation) - - [Custom Scrollbar](#custom-scrollbar) - - [Audio / Video](#audio--video) - - [Map](#map) - - [Time / Date / Age](#time--date--age) - - [Photo / Image](#photo--image) - - [Icons](#icons) - - [Paginator](#paginator) - - [Markdown Viewer](#markdown-viewer) - - [Canvas](#canvas) - - [Miscellaneous](#miscellaneous) - - [Form Components](#form-components) - - [Date / Time picker](#date--time-picker) - - [Emoji picker](#emoji-picker) - - [Input Types](#input-types) - - [Autocomplete](#autocomplete) - - [Select](#select) - - [Color Picker](#color-picker) - - [Toggle](#toggle) - - [Slider](#slider) - - [Radio Button](#radio-button) - - [Type Select](#type-select) - - [Tag Input](#tag-input) - - [Autosize Input / Textarea](#autosize-input--textarea) - - [Star Rating](#star-rating) - - [Drag and Drop](#drag-and-drop) - - [Sortable List](#sortable-list) - - [Rich Text Editor](#rich-text-editor) - - [Markdown Editor](#markdown-editor) - - [Image Editing](#image-editing) - - [Form Component Collections](#form-component-collections) - - [Miscellaneous](#miscellaneous-1) - - [Syntax Highlight](#syntax-highlight) - - [UI Layout](#ui-layout) - - [UI Animation](#ui-animation) - - [Parallax](#parallax) - - [UI Frameworks](#ui-frameworks) - - [Responsive](#responsive) - - [Material Design](#material-design) - - [Mobile](#mobile) - - [Component Collections](#component-collections) - - [UI Utilities](#ui-utilities) - - [Reporter](#reporter) - - [Visibility Reporter](#visibility-reporter) - - [Measurement Reporter](#measurement-reporter) - - [Device Input](#device-input) - - [Keyboard Events](#keyboard-events) - - [Scroll Events](#scroll-events) - - [Touch Swipe](#touch-swipe) - - [Mouse Events](#mouse-events) - - [Meta Tags](#meta-tags) - - [Portal](#portal) - - [Test User Behavior](#test-user-behavior) - - [Code Design](#code-design) - - [Data Store](#data-store) - - [Form Logic](#form-logic) - - [Router](#router) - - [Props from server](#props-from-server) - - [Communication with server](#communication-with-server) - - [CSS / Style](#css--style) - - [HTML Template](#html-template) - - [Isomorphic Apps](#isomorphic-apps) - - [Boilerplate](#boilerplate) - - [Miscellaneous](#miscellaneous-2) - - [Utilities](#utilities) - - [i18n](#i18n) - - [Framework bindings / integrations](#framework-bindings--integrations) - - [Integrations with Third Party Services](#integrations-with-third-party-services) - - [Performance](#performance) - - [UI](#ui) - - [Inspect](#inspect) - - [Lazy Load](#lazy-load) - - [App Size](#app-size) - - [Server-Side Rendering](#server-side-rendering) - - [Dev Tools](#dev-tools) - - [Test](#test) - - [Redux](#redux) - - [Inspect](#inspect-1) - - [Miscellaneous](#miscellaneous-3) - - [Miscellaneous](#miscellaneous-4) - - [Static Website Generator](#static-website-generator) - - [Cloud Solutions](#cloud-solutions) - - [Databases](#databases) - - - # 🚀 Absolutely Awesome React Components & Libraries This is a list of AWESOME components. Nope, it's NOT a comprehensive list of @@ -127,6 +19,9 @@ Maintainers: Please review our [contributing guidelines](https://github.com/brillout/awesome-react-components/blob/master/CONTRIBUTING.md). We keep this list fresh by **requiring all PRs to remove one or more non-awesome entries from this list**. Please ONLY PR a new resource if you are ALSO removing one. + + + ## UI Components ### Editable data grid / spreadsheet From 95217ce431b7c40bb32f765fee10ea6ea70036d4 Mon Sep 17 00:00:00 2001 From: joaomlneto Date: Sun, 20 Sep 2020 15:49:50 +0000 Subject: [PATCH 159/373] docs: update TOC --- README.md | 107 +++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 105 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 41b9c86..397db61 100644 --- a/README.md +++ b/README.md @@ -19,8 +19,111 @@ Maintainers: Please review our [contributing guidelines](https://github.com/brillout/awesome-react-components/blob/master/CONTRIBUTING.md). We keep this list fresh by **requiring all PRs to remove one or more non-awesome entries from this list**. Please ONLY PR a new resource if you are ALSO removing one. - - + + +**Table of Contents** + +- [UI Components](#ui-components) + - [Editable data grid / spreadsheet](#editable-data-grid--spreadsheet) + - [Table](#table) + - [Infinite Scroll](#infinite-scroll) + - [Overlay](#overlay) + - [Notification](#notification) + - [Tooltip](#tooltip) + - [Menu](#menu) + - [Sticky](#sticky) + - [Tabs](#tabs) + - [Loader](#loader) + - [Carousel](#carousel) + - [Buttons](#buttons) + - [Collapse](#collapse) + - [Chart](#chart) + - [Tree](#tree) + - [UI Navigation](#ui-navigation) + - [Custom Scrollbar](#custom-scrollbar) + - [Audio / Video](#audio--video) + - [Map](#map) + - [Time / Date / Age](#time--date--age) + - [Photo / Image](#photo--image) + - [Icons](#icons) + - [Paginator](#paginator) + - [Markdown Viewer](#markdown-viewer) + - [Canvas](#canvas) + - [Miscellaneous](#miscellaneous) + - [Form Components](#form-components) + - [Date / Time picker](#date--time-picker) + - [Emoji picker](#emoji-picker) + - [Input Types](#input-types) + - [Autocomplete](#autocomplete) + - [Select](#select) + - [Color Picker](#color-picker) + - [Toggle](#toggle) + - [Slider](#slider) + - [Radio Button](#radio-button) + - [Type Select](#type-select) + - [Tag Input](#tag-input) + - [Autosize Input / Textarea](#autosize-input--textarea) + - [Star Rating](#star-rating) + - [Drag and Drop](#drag-and-drop) + - [Sortable List](#sortable-list) + - [Rich Text Editor](#rich-text-editor) + - [Markdown Editor](#markdown-editor) + - [Image Editing](#image-editing) + - [Form Component Collections](#form-component-collections) + - [Miscellaneous](#miscellaneous-1) + - [Syntax Highlight](#syntax-highlight) +- [UI Layout](#ui-layout) +- [UI Animation](#ui-animation) + - [Parallax](#parallax) +- [UI Frameworks](#ui-frameworks) + - [Responsive](#responsive) + - [Material Design](#material-design) + - [Mobile](#mobile) + - [Component Collections](#component-collections) +- [UI Utilities](#ui-utilities) + - [Reporter](#reporter) + - [Visibility Reporter](#visibility-reporter) + - [Measurement Reporter](#measurement-reporter) + - [Device Input](#device-input) + - [Keyboard Events](#keyboard-events) + - [Scroll Events](#scroll-events) + - [Touch Swipe](#touch-swipe) + - [Mouse Events](#mouse-events) + - [Meta Tags](#meta-tags) + - [Portal](#portal) + - [Test User Behavior](#test-user-behavior) +- [Code Design](#code-design) + - [Data Store](#data-store) + - [Form Logic](#form-logic) + - [Router](#router) + - [Props from server](#props-from-server) + - [Communication with server](#communication-with-server) + - [CSS / Style](#css--style) + - [HTML Template](#html-template) + - [Isomorphic Apps](#isomorphic-apps) + - [Boilerplate](#boilerplate) + - [Miscellaneous](#miscellaneous-2) +- [Utilities](#utilities) + - [i18n](#i18n) + - [Framework bindings / integrations](#framework-bindings--integrations) + - [Integrations with Third Party Services](#integrations-with-third-party-services) +- [Performance](#performance) + - [UI](#ui) + - [Inspect](#inspect) + - [Lazy Load](#lazy-load) + - [App Size](#app-size) + - [Server-Side Rendering](#server-side-rendering) +- [Dev Tools](#dev-tools) + - [Test](#test) + - [Redux](#redux) + - [Inspect](#inspect-1) + - [Miscellaneous](#miscellaneous-3) +- [Miscellaneous](#miscellaneous-4) + - [Static Website Generator](#static-website-generator) +- [Cloud Solutions](#cloud-solutions) + - [Databases](#databases) + + ## UI Components From a5f43d5081387be746191d66205e350106832ebc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jo=C3=A3o=20Neto?= Date: Sun, 20 Sep 2020 16:55:23 +0100 Subject: [PATCH 160/373] Update and rename blank.yml to update-table-of-contents.yml --- .github/workflows/{blank.yml => update-table-of-contents.yml} | 2 ++ 1 file changed, 2 insertions(+) rename .github/workflows/{blank.yml => update-table-of-contents.yml} (94%) diff --git a/.github/workflows/blank.yml b/.github/workflows/update-table-of-contents.yml similarity index 94% rename from .github/workflows/blank.yml rename to .github/workflows/update-table-of-contents.yml index a5e5b91..6b98b56 100644 --- a/.github/workflows/blank.yml +++ b/.github/workflows/update-table-of-contents.yml @@ -24,6 +24,8 @@ jobs: - name: TOC Generator uses: technote-space/toc-generator@v2.4.0 + with: + TOC_TITLE: ## Table of Contents # Runs a set of commands using the runners shell From f7689243c580300df17db09dc0fb080501e83d95 Mon Sep 17 00:00:00 2001 From: joaomlneto Date: Sun, 20 Sep 2020 15:55:41 +0000 Subject: [PATCH 161/373] docs: update TOC --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 397db61..f691a35 100644 --- a/README.md +++ b/README.md @@ -21,7 +21,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- -**Table of Contents** + - [UI Components](#ui-components) - [Editable data grid / spreadsheet](#editable-data-grid--spreadsheet) From fafd54f71b80cec34b296b688fd3a005baca7979 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jo=C3=A3o=20Neto?= Date: Sun, 20 Sep 2020 16:56:04 +0100 Subject: [PATCH 162/373] Update update-table-of-contents.yml --- .github/workflows/update-table-of-contents.yml | 9 +-------- 1 file changed, 1 insertion(+), 8 deletions(-) diff --git a/.github/workflows/update-table-of-contents.yml b/.github/workflows/update-table-of-contents.yml index 6b98b56..8d3dead 100644 --- a/.github/workflows/update-table-of-contents.yml +++ b/.github/workflows/update-table-of-contents.yml @@ -25,11 +25,4 @@ jobs: - name: TOC Generator uses: technote-space/toc-generator@v2.4.0 with: - TOC_TITLE: ## Table of Contents - - - # Runs a set of commands using the runners shell - - name: Run a multi-line script - run: | - echo Add other actions to build, - echo test, and deploy your project. + TOC_TITLE: '## Table of Contents' From 1e0a8f594c8fdb220591fec6608a17fba935b124 Mon Sep 17 00:00:00 2001 From: joaomlneto Date: Sun, 20 Sep 2020 15:56:19 +0000 Subject: [PATCH 163/373] docs: update TOC --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index f691a35..7cebd7c 100644 --- a/README.md +++ b/README.md @@ -21,7 +21,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - +## Table of Contents - [UI Components](#ui-components) - [Editable data grid / spreadsheet](#editable-data-grid--spreadsheet) From 981b4f632ad5c465b912a5158c754e936a7f2d3b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jo=C3=A3o=20Neto?= Date: Sun, 20 Sep 2020 16:58:42 +0100 Subject: [PATCH 164/373] Update update-table-of-contents.yml --- .github/workflows/update-table-of-contents.yml | 17 ++++------------- 1 file changed, 4 insertions(+), 13 deletions(-) diff --git a/.github/workflows/update-table-of-contents.yml b/.github/workflows/update-table-of-contents.yml index 8d3dead..df623d0 100644 --- a/.github/workflows/update-table-of-contents.yml +++ b/.github/workflows/update-table-of-contents.yml @@ -1,26 +1,17 @@ -# This is a basic workflow to help you get started with Actions +name: 'Update Table of Contents' -name: CI - -# Controls when the action will run. Triggers the workflow on push or pull request -# events but only for the master branch on: push: branches: [ master ] pull_request: branches: [ master ] -# A workflow run is made up of one or more jobs that can run sequentially or in parallel jobs: - # This workflow contains a single job called "build" - build: - # The type of runner that the job will run on + update_toc: runs-on: ubuntu-latest - - # Steps represent a sequence of tasks that will be executed as part of the job steps: - # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it - - uses: actions/checkout@v2 + - name: git checkout + uses: actions/checkout@v2 - name: TOC Generator uses: technote-space/toc-generator@v2.4.0 From d8b37f92a19ee2ce388cf80d52ddaf05051c76c5 Mon Sep 17 00:00:00 2001 From: Ariful Alam <45073703+arifszn@users.noreply.github.com> Date: Tue, 22 Sep 2020 13:23:17 +0600 Subject: [PATCH 165/373] Add reactive-button Add reactive-button component in the Button section. --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 7cebd7c..1baae4b 100644 --- a/README.md +++ b/README.md @@ -236,6 +236,7 @@ _Loaders / spinners / progress bars — Let the user know that something is load ### Buttons - [react-awesome-button](https://github.com/rcaferati/react-awesome-button) - [demo](https://caferati.me/demo/react-awesome-button) - 3D animated 60fps buttons with load progress and social share actions. +- [reactive-button](https://github.com/arifszn/reactive-button) - [demo](https://arifszn.github.io/reactive-button/docs/playground) - [docs](https://arifszn.github.io/reactive-button) - A beautiful animated button component with progress indicator. ### Collapse From 06b9fa9598de197ffc8449391189d4ecbd2689f2 Mon Sep 17 00:00:00 2001 From: Patryk Eliasz Date: Tue, 29 Sep 2020 12:36:58 +0200 Subject: [PATCH 166/373] Add ReactGrid spreadsheet component Add ReactGrid component to `Editable data grid / spreadsheet` category --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 1baae4b..e2a1f3c 100644 --- a/README.md +++ b/README.md @@ -132,6 +132,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [ag-grid](https://github.com/ceolter/ag-grid) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components. - [gigatables-react](https://github.com/GigaTables/reactables) - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more. - [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid. +- [ReactGrid](https://github.com/silevis/reactgrid) - [demo/docs](https://reactgrid.com/docs/) - Add spreadsheet-like behavior to your app - [jqwidgets-react-grid](https://www.jqwidgets.com/react/react-grid/) - Filtering, Pagination, Grouping, Export to Excel, PDF, CRUD and more. ### Table @@ -260,7 +261,6 @@ _Display data in charts / graphs / diagrams_ - [react-sigmajs](https://github.com/dunnock/react-sigma) - Lightweight but powerful library for drawing network graphs built on top of SigmaJS. - [react-sparklines](https://github.com/borisyankov/react-sparklines) - Beautiful and expressive Sparklines React component. - [react-timeseries-charts](https://github.com/esnet/react-timeseries-charts) - Declarative timeseries charts. -- [react-trend](https://github.com/unsplash/react-trend) - Simple, elegant spark lines. - [react-vis](https://github.com/uber/react-vis) - Data visualization library based on React and d3. - [recharts](https://github.com/recharts/recharts) - Redefined chart library built with React and D3. - [rumble-charts](https://github.com/rumble-charts/rumble-charts) - React components for building composable and flexible charts. From 7ff796428449efce1c96d517dbe89d0e5c48cd96 Mon Sep 17 00:00:00 2001 From: atanasster Date: Fri, 2 Oct 2020 15:34:20 -0400 Subject: [PATCH 167/373] added component-controls --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index e2a1f3c..a8fbebe 100644 --- a/README.md +++ b/README.md @@ -138,7 +138,6 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- ### Table - [autoresponsive-react](https://github.com/xudafeng/autoresponsive-react) - Auto Responsive Layout Library For React. -- [griddle-react](https://github.com/GriddleGriddle/Griddle) - Simple grid component that can display data as a table, a list of cards, or on the map. - [ka-table](https://github.com/komarovalexander/ka-table) - [demo](https://komarovalexander.github.io/ka-table/#/overview) - Customizable table component with sorting, filtering, grouping, virtualization, editing etc. 🆕 - [material-table](https://github.com/mbrn/material-table) - [demo/docs](https://material-table.com/) - Built on Material UI, plus: grouping, tree data, expandable rows, export, inline editing - [mui-datatables](https://github.com/gregnb/mui-datatables) - Built on Material-UI. Search, styling, filtering, resize/hide columns, export, print, select/expand rows. @@ -983,6 +982,7 @@ _Internationalization / L10n / localization / translation_ ### Miscellaneous +- [component-controls](https://github.com/ccontrols/component-controls) - [demo](https://component-controls.com) - [docs](https://component-controls.com/tutorial) - A next-generation tool to create blazing-fast documentation sites. - [cosmos-js](https://github.com/skidding/cosmos) - DX tool for designing truly encapsulated React components. - [react-demo-tab-cli](https://github.com/mkosir/react-demo-tab-cli) - CLI tool for creating demos of react components. - [react-heatpack](https://github.com/insin/react-heatpack) - A 'heatpack' command for quick React development with webpack hot reloading. From c0bacadfe87c97ec8997bc60f0b83d5d09009fc0 Mon Sep 17 00:00:00 2001 From: Peter Thaleikis Date: Sat, 3 Oct 2020 18:50:07 +0400 Subject: [PATCH 168/373] Removing a dead link --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index a8fbebe..64a0e0a 100644 --- a/README.md +++ b/README.md @@ -264,7 +264,6 @@ _Display data in charts / graphs / diagrams_ - [recharts](https://github.com/recharts/recharts) - Redefined chart library built with React and D3. - [rumble-charts](https://github.com/rumble-charts/rumble-charts) - React components for building composable and flexible charts. - [victory](https://github.com/FormidableLabs/victory) - Data viz for React. -- [reaviz](https://github.com/jask-oss/reaviz) - ReactJS Data Visualization Library based on D3.js. - [semiotic](https://semiotic.nteract.io/) - Semiotic is a data visualization framework for React. - [DevExtreme React Chart](https://devexpress.github.io/devextreme-reactive/react/chart/) - High-performance plugin-based chart for Bootstrap and Material Design. - [Smart React Chart](https://www.htmlelements.com/react/demos/chart/overview/) - Feature complete Charting library. From 4ace4aba0c2b40e60b911c62ccc08308b61535d9 Mon Sep 17 00:00:00 2001 From: Ahmet Can Aydemir Date: Sun, 4 Oct 2020 13:50:17 +0300 Subject: [PATCH 169/373] react-advanced-news-ticker component added to list also why-did-you-update removed because it is not maintaining anymore --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 64a0e0a..afeeb4c 100644 --- a/README.md +++ b/README.md @@ -360,6 +360,7 @@ _Sketch input using Canvas or SVG_ ### Miscellaneous +- [react-advanced-news-ticker](https://github.com/ahmetcanaydemir/react-advanced-news-ticker) - A flexible and animated vertical news ticker component - [react-avatar-generator](https://github.com/JosephSmith127/react-avatar-generator) - Allows users to create random kaleidoscopes to be used as avatars. - [react-awesome-query-builder](https://github.com/ukrbublik/react-awesome-query-builder) - [demo](https://ukrbublik.github.io/react-awesome-query-builder/) - Visual query builder from form fields, with SQL, MongoDB and JSON export - [react-blur](https://github.com/javierbyte/react-blur) - React component for blurred backgrounds. @@ -928,7 +929,6 @@ _Internationalization / L10n / localization / translation_ - [react-perf-tool](https://github.com/RamonGebben/react-perf-tool) - Debug performance of your React application. - [react-render-visualizer](https://github.com/redsunsoft/react-render-visualizer) - Render visualizer for ReactJS. -- [why-did-you-update](https://github.com/garbles/why-did-you-update) - Puts your console on blast when React is making unnecessary updates. #### Lazy Load From abc633ae9cbae0630bc9ca1781094b4fa116570f Mon Sep 17 00:00:00 2001 From: Ahmet Can Aydemir Date: Sun, 4 Oct 2020 13:55:45 +0300 Subject: [PATCH 170/373] added demo page --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index afeeb4c..48853ee 100644 --- a/README.md +++ b/README.md @@ -360,7 +360,7 @@ _Sketch input using Canvas or SVG_ ### Miscellaneous -- [react-advanced-news-ticker](https://github.com/ahmetcanaydemir/react-advanced-news-ticker) - A flexible and animated vertical news ticker component +- [react-advanced-news-ticker](https://github.com/ahmetcanaydemir/react-advanced-news-ticker) - [demo](https://www.ahmetcanaydemir.com/react-advanced-news-ticker/) - A flexible and animated vertical news ticker component - [react-avatar-generator](https://github.com/JosephSmith127/react-avatar-generator) - Allows users to create random kaleidoscopes to be used as avatars. - [react-awesome-query-builder](https://github.com/ukrbublik/react-awesome-query-builder) - [demo](https://ukrbublik.github.io/react-awesome-query-builder/) - Visual query builder from form fields, with SQL, MongoDB and JSON export - [react-blur](https://github.com/javierbyte/react-blur) - React component for blurred backgrounds. From a9968999d56bf586878711af0c88df5cd7ea33f5 Mon Sep 17 00:00:00 2001 From: winrid Date: Mon, 5 Oct 2020 17:42:56 -0700 Subject: [PATCH 171/373] Add fastcomments-react Removing react-portal-tooltip since it has not been updated in years. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 48853ee..56f70f1 100644 --- a/README.md +++ b/README.md @@ -182,7 +182,6 @@ _Toaster / snackbar — Notify the user with a modeless temporary little popup_ ### Tooltip -- [react-portal-tooltip](https://github.com/romainberger/react-portal-tooltip) - Awesome React tooltips. - [react-tooltip](https://github.com/wwayne/react-tooltip) - React tooltip component. ### Menu @@ -366,6 +365,7 @@ _Sketch input using Canvas or SVG_ - [react-blur](https://github.com/javierbyte/react-blur) - React component for blurred backgrounds. - [react-demo-tab](https://github.com/mkosir/react-demo-tab) - [demo](https://mkosir.github.io/react-demo-tab) - A React component to easily create demos of other components. - [react-facebook](https://github.com/CherryProjects/react-facebook) - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post. +- [fastcomments-react](https://github.com/fastcomments/fastcomments-react) - [demo](https://blog.fastcomments.com/(12-30-2019)-fastcomments-demo.html) - FastComments component for embedding a live comment thread in a page or SPA. - [react-pdf-viewer](https://github.com/phuoc-ng/react-pdf-viewer) - [docs](https://react-pdf-viewer.dev) - A React component to view a PDF document. - [react-simple-chatbot](https://github.com/LucasBassetti/react-simple-chatbot) - [demo](https://github.com/anishagg17/PIzzaBuilder) - A simple chatbot component to create conversation chats. - [react-file-reader-input](https://github.com/ngokevin/react-file-reader-input) - File input component for control for file reading styling and abstraction. From 37f343293b0d0ac9826535c6f422ea40bc92509e Mon Sep 17 00:00:00 2001 From: winrid Date: Mon, 5 Oct 2020 17:45:15 -0700 Subject: [PATCH 172/373] Better grammar --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 56f70f1..51c0afb 100644 --- a/README.md +++ b/README.md @@ -365,7 +365,7 @@ _Sketch input using Canvas or SVG_ - [react-blur](https://github.com/javierbyte/react-blur) - React component for blurred backgrounds. - [react-demo-tab](https://github.com/mkosir/react-demo-tab) - [demo](https://mkosir.github.io/react-demo-tab) - A React component to easily create demos of other components. - [react-facebook](https://github.com/CherryProjects/react-facebook) - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post. -- [fastcomments-react](https://github.com/fastcomments/fastcomments-react) - [demo](https://blog.fastcomments.com/(12-30-2019)-fastcomments-demo.html) - FastComments component for embedding a live comment thread in a page or SPA. +- [fastcomments-react](https://github.com/fastcomments/fastcomments-react) - [demo](https://blog.fastcomments.com/(12-30-2019)-fastcomments-demo.html) - FastComments component for embedding a live comment thread on a page or SPA. - [react-pdf-viewer](https://github.com/phuoc-ng/react-pdf-viewer) - [docs](https://react-pdf-viewer.dev) - A React component to view a PDF document. - [react-simple-chatbot](https://github.com/LucasBassetti/react-simple-chatbot) - [demo](https://github.com/anishagg17/PIzzaBuilder) - A simple chatbot component to create conversation chats. - [react-file-reader-input](https://github.com/ngokevin/react-file-reader-input) - File input component for control for file reading styling and abstraction. From 23eae37b7e12aa231a91e133d9f2252501ec0f9c Mon Sep 17 00:00:00 2001 From: Kenneth Palaganas Date: Tue, 13 Oct 2020 00:40:03 +0800 Subject: [PATCH 173/373] Added react-tabbordion --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 51c0afb..aba813b 100644 --- a/README.md +++ b/README.md @@ -241,6 +241,7 @@ _Loaders / spinners / progress bars — Let the user know that something is load - [react-accessible-accordion](https://github.com/springload/react-accessible-accordion) - Accessible Accordion component for React. - [react-collapse](https://github.com/nkbt/react-collapse) - Component-wrapper for collapse animation with react-motion. +- [react-tabbordion](https://github.com/Merri/react-tabbordion) - [demo](https://merri.github.io/react-tabbordion) - Universal, semantic and CSS-only components for creating Accordions and Tabs. ### Chart @@ -561,7 +562,6 @@ _Components to layout the app's UI_ - [hedron](https://github.com/JSBros/hedron) - A no-frills flexbox grid system, powered by styled-components. - [m-react-splitters](https://github.com/martinnov92/React-Splitters) - Splitter component, written in TypeScript. - [muuri-react](https://github.com/Paol-imi/muuri-react) - [demo](https://1czo5.csb.app/) - [docs](https://paol-imi.github.io/muuri-react) - Responsive, sortable, filterable and draggable grid layouts. -- [react-flexbox-grid](https://github.com/roylee0704/react-flexbox-grid) - A set of React components implementing flexboxgrid with the power of CSS Modules. - [react-grid-layout](https://github.com/STRML/react-grid-layout) - A draggable and resizable grid layout with responsive breakpoints, for React. - [react-masonry-component](https://github.com/eiriklv/react-masonry-component) - Wrapper for @desandro's Masonry. - [react-reflex](https://github.com/leefsmp/Re-Flex) - Flex layout container component for advanced React web applications. From 2f78404fb4d87e2c62fd5aabbc08d8e7e6d69e6b Mon Sep 17 00:00:00 2001 From: Matt Areddia Date: Mon, 12 Oct 2020 23:01:15 -0500 Subject: [PATCH 174/373] Update README.md Add `react-functional-select` and remove `react-selectize` in select component group. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index aba813b..c5debca 100644 --- a/README.md +++ b/README.md @@ -434,9 +434,9 @@ _Autosuggest / autocomplete / typeahead_ #### Select - [react-aria-menubutton](https://github.com/davidtheclark/react-aria-menubutton) - A fully accessible, easily themeable, React-powered menu button. +- [react-functional-select](https://github.com/based-ghost/react-functional-select) - [demo](https://based-ghost.github.io/react-functional-select/) - Micro-sized & micro-optimized select component for React.js. - [react-select-box](https://github.com/instructure-react/react-select-box) - An accessible select box component for React. - [react-select](https://github.com/JedWatson/react-select) - A Select control built with and for React JS. -- [react-selectize](https://github.com/furqanZafar/react-selectize) - A Stateless & Flexible Select component for React inspired by Selectize. #### Color Picker From d2a00c1d67ee43ed679299b15c86a10fce5e69ef Mon Sep 17 00:00:00 2001 From: Adarsh Lilha Date: Tue, 13 Oct 2020 16:48:25 +0530 Subject: [PATCH 175/373] Add react-muze charting library Add react-muze and remove react-faux-dom under utilities section(package is archived and not updated since years) --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index c5debca..8fae723 100644 --- a/README.md +++ b/README.md @@ -267,6 +267,7 @@ _Display data in charts / graphs / diagrams_ - [semiotic](https://semiotic.nteract.io/) - Semiotic is a data visualization framework for React. - [DevExtreme React Chart](https://devexpress.github.io/devextreme-reactive/react/chart/) - High-performance plugin-based chart for Bootstrap and Material Design. - [Smart React Chart](https://www.htmlelements.com/react/demos/chart/overview/) - Feature complete Charting library. +- [react-muze](https://github.com/chartshq/react-muze) - React wrapper for [muze](https://muzejs.org/)(free data visualization library for creating exploratory data visualizations in browser, using WebAssembly) ### Tree @@ -877,7 +878,6 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [qrcode.react](https://github.com/zpao/qrcode.react) - A <QRCode/> component for use with React. - [react-children-utilities](https://github.com/fernandopasik/react-children-utilities) - Extended utils for React.Children. -- [react-faux-dom](https://github.com/Olical/react-faux-dom) - DOM like structure that renders to React. - [react-media](https://github.com/ReactTraining/react-media) - A CSS media query component for React. - [react-middle-ellipsis](https://github.com/bluepeter/react-middle-ellipsis) - [demo](https://bluepeter.github.io/react-middle-ellipsis/) - Truncate long strings in the middle instead of the end. - [react-translate-component](https://github.com/martinandert/react-translate-component) - Multi-lingual/localized text content. From dde7b7c62f6b368dae703d7e15094b85e787ad3e Mon Sep 17 00:00:00 2001 From: Hirad Arshadi Date: Mon, 26 Oct 2020 23:52:41 +0330 Subject: [PATCH 176/373] Add reoverlay --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 8fae723..710369f 100644 --- a/README.md +++ b/README.md @@ -162,10 +162,10 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- _Display overlay / modal / alert / dialog / lightbox / popup_ - [boron](https://github.com/yuanyan/boron) - A collection of dialog animations with React.js. -- [modali](https://github.com/upmostly/modali) - A delightful modal dialog component, built from the ground up to support React Hooks. - [react-aria-modal](https://github.com/davidtheclark/react-aria-modal) - A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices. - [react-modal](https://github.com/reactjs/react-modal) - Accessible modal dialog component for React. - [react-skylight](https://github.com/marcio/react-skylight) - A react component for modals and dialogs. +- [reoverlay](https://github.com/hiradary/reoverlay) - [demo](https://hiradary.github.io/reoverlay/) - The missing solution for managing modals. - [sweetalert2](https://github.com/sweetalert2/sweetalert2) - [demo/docs](https://sweetalert2.github.io/) - A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies. - [sweetalert2-react-content](https://github.com/sweetalert2/sweetalert2-react-content) - Official SweetAlert2 enhancer adding support for React elements as content ### Notification From ca8a356034670c2a3bb400c9302deb4afeb4e867 Mon Sep 17 00:00:00 2001 From: Almog Tavor <70065337+almogtavor@users.noreply.github.com> Date: Mon, 2 Nov 2020 23:24:39 +0200 Subject: [PATCH 177/373] Add date-range-picker package Add [date-range-picker](https://github.com/almogtavor/date-range-picker) package and remove r-date-picker package. [r-date-picker](https://github.com/KELEN/r-date-picker) has not been updated for 11 months. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 710369f..9a1cf17 100644 --- a/README.md +++ b/README.md @@ -393,6 +393,7 @@ _Let the user enter data_ _Date picker / time picker / datetime picker / date range picker_ +- [date-range-picker](https://github.com/almogtavor/date-range-picker) - [demo](https://almogtavor.github.io/date-range-picker/) - A calendar component that supports date, range & ranges picks. - [react-big-calendar](https://github.com/intljusticemission/react-big-calendar) - Gcal/outlook like calendar component. - [react-date-range](https://github.com/Adphorus/react-date-range) - A React component for choosing dates and date ranges. - [react-datepicker](https://github.com/Hacker0x01/react-datepicker) - A simple and reusable datepicker component for React. @@ -404,7 +405,6 @@ _Date picker / time picker / datetime picker / date range picker_ - [react-simple-timefield](https://github.com/antonfisher/react-simple-timefield) - [demo](https://antonfisher.com/react-simple-timefield/) - Simple time input field. - [react-timezone-select](https://github.com/ndom91/react-timezone-select) - [demo](https://ndom91.github.io/react-timezone-select/) - Dynamic, succinct timezone select. Based on `react-select`. - [react-yearly-calendar](https://github.com/BelkaLab/react-yearly-calendar) - React.js Yearly Calendar Component. -- [r-date-picker](https://github.com/KELEN/r-date-picker) - React.js high customize date picker component, easy style it. - [DevExtreme React Scheduler](https://devexpress.github.io/devextreme-reactive/react/scheduler/) - High-performance plugin-based scheduler/calendar for Material Design. - [jQWidgets Scheduler](https://www.jqwidgets.com/react/react-scheduler/) - Feature complete Scheduling library. - [react-calendar](https://github.com/wojtekmaj/react-calendar) - Ultimate calendar for your React app. From 08acef5231aeb5299361acb179ab0f18c3b2b55b Mon Sep 17 00:00:00 2001 From: Mikael Finstad Date: Sun, 8 Nov 2020 23:23:33 +0100 Subject: [PATCH 178/373] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 9a1cf17..65b9572 100644 --- a/README.md +++ b/README.md @@ -902,8 +902,8 @@ _Internationalization / L10n / localization / translation_ - [react-elm-components](https://github.com/evancz/react-elm-components) - Write React components in Elm. - [react-famous](https://github.com/pilwon/react-famous) - React bridge to Famo.us. - [react-localstorage](https://github.com/STRML/react-localstorage) - Simple componentized localstorage implementation for Facebook's React. +- [react-lottie-player](https://github.com/mifi/react-lottie-player) - [demo](https://mifi.github.io/react-lottie-player/) - Declarative lottie animation player. - [react-on-rails](https://github.com/shakacode/react_on_rails) - Integration of React + Webpack + Rails to build Universal (Isomorphic) Apps. -- [react-swf](https://github.com/syranide/react-swf) - Shockwave Flash Player component for React. - [react-three-renderer](https://github.com/toxicFork/react-three-renderer) - Render into a three.js canvas using React. - [react-threejs](https://github.com/fritx/react-threejs) - Simplest bindings between React & Three.js - [reactfire](https://github.com/firebase/reactfire) - ReactJS mixin for easy Firebase integration. From 914998c3eae40e6bf180ade2929df16debea8532 Mon Sep 17 00:00:00 2001 From: kyiii <63059700+kyiii@users.noreply.github.com> Date: Mon, 7 Dec 2020 12:27:46 +0800 Subject: [PATCH 179/373] Add react-autowidth-input Add react-autowidth-input package to Autosize Input / Textarea category --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 65b9572..81f7508 100644 --- a/README.md +++ b/README.md @@ -478,6 +478,7 @@ _Let the user add multiple tags in a single input_ #### Autosize Input / Textarea - [react-input-autosize](https://github.com/JedWatson/react-input-autosize) - Auto-resizing input field for React. +- [react-autowidth-input](https://github.com/kierien/react-autowidth-input) - Highly configurable & extensible automatically sized input field built with hooks. - [react-textarea-autosize](https://github.com/andreypopp/react-textarea-autosize) - <textarea /> component for React which grows with content. #### Star Rating From e46bbf523dbf2c0e20dd225b85fde36ddd76f80b Mon Sep 17 00:00:00 2001 From: Mikhail Sakhnyuk Date: Sun, 13 Dec 2020 22:53:24 +0700 Subject: [PATCH 180/373] Add rc-scrollbars --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 65b9572..95e7e00 100644 --- a/README.md +++ b/README.md @@ -286,6 +286,7 @@ _Ways to navigate views_ ### Custom Scrollbar +- [rc-scrollbars](https://github.com/sakhnyuk/rc-scrollbars) - [demo](https://rc-scrollbars.vercel.app/) - Customizable scrollbars with flex options and 60FPS - [react-custom-scroll](https://github.com/rommguy/react-custom-scroll) - [demo](http://rommguy.github.io/react-custom-scroll/example/demo.html) - Easily customize the browser scroll bar with native OS scroll behavior. - [react-scrollbar](https://github.com/souhe/reactScrollbar) - Scrollbar component for React. - [react-shadow-scroll](https://github.com/andrelmlins/react-shadow-scroll) - Component that customizes the image and inserts shadow when scrolling exists. From 9cc9c20b565a229ca2ae4f4011e8fe7cd0687455 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=A8=D0=B0=D1=80=D0=B0=D0=B5=D0=B2=20=D0=90=D0=B9=D0=BD?= =?UTF-8?q?=D1=83=D1=80=20=D0=A0=D0=B0=D0=B8=D0=BB=D1=8C=D0=B5=D0=B2=D0=B8?= =?UTF-8?q?=D1=87?= Date: Tue, 15 Dec 2020 22:37:03 +0700 Subject: [PATCH 181/373] add effector-react Add effector-react to data store category --- README.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 95e7e00..af11ceb 100644 --- a/README.md +++ b/README.md @@ -697,7 +697,7 @@ _Turn user input into actions_ - [react-key-handler](https://github.com/ayrton/react-key-handler) - React component to handle keyboard events. - [react-keydown](https://github.com/glortho/react-keydown) - Lightweight keydown wrapper for React components. - [react-shortcuts](https://github.com/avocode/react-shortcuts) - Manage keyboard shortcuts from one place. -- [useKeyCapture](https://github.com/pranesh239/use-key-capture) - A custom hook to ease the key-press listeners of a target/global. +- [useKeyCapture](https://github.com/pranesh239/use-key-capture) - A custom hook to ease the key-press listeners of a target/global. #### Scroll Events @@ -746,6 +746,7 @@ _Data flow / data management / data stores / components state / data flow_ - [alt](https://github.com/goatslacker/alt) - Isomorphic flux implementation. - [baobab-react](https://github.com/Yomguithereal/baobab-react) - React integration for Baobab. - [cerebral](https://github.com/cerebral/cerebral) - A state controller with its own debugger. +- [effector-react](https://github.com/effector/effector) - React bindings for effector, an effective multi-store state manager. - [fluorine-lib](https://github.com/philpl/fluorine) - Reactive state and side effect management for React using a single stream of actions. - [fluxible](https://github.com/yahoo/fluxible) - A pluggable container for universal flux applications. - [fluxxor](https://github.com/BinaryMuse/fluxxor) - Flux architecture tools for React. @@ -863,7 +864,7 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [universal-redux](https://github.com/bdefore/universal-redux) - An npm package that lets you jump right into coding React and Redux. - [create-react-dependency](https://github.com/andrelmlins/create-react-dependency) - Create react dependencies with no build configuration. - [phoenix](https://github.com/Sazito/phoenix) - A simple boilerplate that helps you make your react application with Server Side Rendering & Localization support. -- [react-enterprise-starter-kit](https://github.com/anandgupta193/react-enterprise-starter-kit) - Highly Scalable and Performant Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase. +- [react-enterprise-starter-kit](https://github.com/anandgupta193/react-enterprise-starter-kit) - Highly Scalable and Performant Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase. - [express-react-boilerplate](https://github.com/htdangkhoa/erb) - A tool that helps programmers create Express & React projects easily base on react-cool-starter. ### Miscellaneous From b617c1523c6ac7775044116c2d41ae19738cc01e Mon Sep 17 00:00:00 2001 From: restspace <75081878+restspace@users.noreply.github.com> Date: Wed, 16 Dec 2020 23:17:55 +0000 Subject: [PATCH 182/373] Add Miscellaneous / @restspace/schema-form --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index af11ceb..a6bc7bb 100644 --- a/README.md +++ b/README.md @@ -213,7 +213,6 @@ _Loaders / spinners / progress bars — Let the user know that something is load - [react-block-ui](https://github.com/availity/react-block-ui) - Easy way to block the user from interacting with your UI. - [react-loader](https://github.com/TheCognizantFoundry/react-loader) - React component that displays a spinner via spin.js until your component is loaded. -- [react-loaders](https://github.com/jonjaques/react-loaders) - Lightweight wrapper around Loaders.css. - [react-md-spinner](https://github.com/tsuyoshiwada/react-md-spinner) - Material Design spinner components for React.js. - [react-progress-button](https://github.com/mathieudutour/react-progress-button) - Simple react.js component for an inline progress indicator. - [react-progress-label](https://github.com/wangzuo/react-progress-label) - Progress label component. @@ -385,6 +384,7 @@ _Sketch input using Canvas or SVG_ - [captcha-image](https://github.com/tpkahlon/captcha-image) - Allows you to generate a random captcha image with options. - [react-pdf](https://github.com/wojtekmaj/react-pdf) - Display PDFs in your React app as easily as if they were images. - [react-customizable-chat-bot](https://github.com/chithakumar13/react-chat-bot) - [Demo](https://chithakumar13.github.io/bot-example) - Build your own chatbot matching your brand needs in minutes. +- [@restpace/schema-form](https://github.com/restspace/schema-form) - [Demo](https://restspace.io/react/schema-form/demo) - Easily build complex forms automatically from a JSON Schema. ### Form Components From 2d5bd5b8686eeb24bce87e3aae56a764ee36fa51 Mon Sep 17 00:00:00 2001 From: Mohammadreza Date: Sat, 19 Dec 2020 19:23:29 +0330 Subject: [PATCH 183/373] Add react-toast --- README.md | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index a6bc7bb..2d152f9 100644 --- a/README.md +++ b/README.md @@ -21,6 +21,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- + ## Table of Contents - [UI Components](#ui-components) @@ -151,7 +152,8 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [KendoReact Grid](https://www.telerik.com/kendo-react-ui/components/grid/) - Powerful data grid component with 100+ ready-to-use features like paging, sorting, export to Excel, and more. ### Infinite Scroll -- [@egjs/react-infinitegrid](https://github.com/naver/egjs-infinitegrid/blob/master/packages/react-infinitegrid) - [npm](https://www.npmjs.com/package/@egjs/react-infinitegrid) - [demo](https://naver.github.io/egjs-infinitegrid/storybook/) - A module used to arrange card elements including content infinitely according to various layout types. + +- [@egjs/react-infinitegrid](https://github.com/naver/egjs-infinitegrid/blob/master/packages/react-infinitegrid) - [npm](https://www.npmjs.com/package/@egjs/react-infinitegrid) - [demo](https://naver.github.io/egjs-infinitegrid/storybook/) - A module used to arrange card elements including content infinitely according to various layout types. - [react-lazyload](https://github.com/jasonslyvia/react-lazyload) - Lazyload your Component, Image or anything matters the performance. - [react-list](https://github.com/orgsync/react-list) - A versatile infinite scroll React component. - [react-virtualized](https://github.com/bvaughn/react-virtualized) - React components for efficiently rendering large lists and tabular data. @@ -168,6 +170,7 @@ _Display overlay / modal / alert / dialog / lightbox / popup_ - [reoverlay](https://github.com/hiradary/reoverlay) - [demo](https://hiradary.github.io/reoverlay/) - The missing solution for managing modals. - [sweetalert2](https://github.com/sweetalert2/sweetalert2) - [demo/docs](https://sweetalert2.github.io/) - A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies. - [sweetalert2-react-content](https://github.com/sweetalert2/sweetalert2-react-content) - Official SweetAlert2 enhancer adding support for React elements as content + ### Notification _Toaster / snackbar — Notify the user with a modeless temporary little popup_ @@ -175,6 +178,7 @@ _Toaster / snackbar — Notify the user with a modeless temporary little popup_ - [cogo-toast](https://github.com/Cogoport/cogo-toast) - [demo/docs](https://cogoport.github.io/cogo-toast) - Plug and play, Promise support, inbuilt styling, ~3.5K. _(No refs / provider needed 😊)_ - [react-notifications-component](https://github.com/teodosii/react-notifications-component) - [demo](https://teodosii.github.io/react-notifications-component/) - Highly customizable and easy-to-use component for notifications. - [notistack](https://iamhosseindhv.com/notistack) - [demo](https://codesandbox.io/s/github/iamhosseindhv/notistack/tree/master/examples/simple-example??hidenavigation=1&module=%2FApp.js) - [docs](https://iamhosseindhv.com/notistack/api) - Highly customizable notification snackbars (toasts) that can be stacked on top of each other +- [react-toast](https://github.com/moharnadreza/react-toast) - [demo](https://codesandbox.io/s/byqvk) - [docs](https://github.com/moharnadreza/react-toast/blob/main/README.md) - Minimal toast notifications. - 🚀 [react-toastify](https://github.com/fkhadra/react-toastify) - [demo](https://fkhadra.github.io/react-toastify/) - best bet out there at the moment. Hooks support. No refs. - [react-toast-notifications](https://github.com/jossmac/react-toast-notifications) - [demo](https://jossmac.github.io/react-toast-notifications/) - pleasing toast system. - [reapop](https://github.com/LouisBarranqueiro/reapop) - A React & Redux notifications system. @@ -210,7 +214,6 @@ _Fixed headers / scroll-up headers / sticky elements_ _Loaders / spinners / progress bars — Let the user know that something is loading_ - - [react-block-ui](https://github.com/availity/react-block-ui) - Easy way to block the user from interacting with your UI. - [react-loader](https://github.com/TheCognizantFoundry/react-loader) - React component that displays a spinner via spin.js until your component is loaded. - [react-md-spinner](https://github.com/tsuyoshiwada/react-md-spinner) - Material Design spinner components for React.js. @@ -221,6 +224,7 @@ _Loaders / spinners / progress bars — Let the user know that something is load - [react-spinners-css](https://github.com/JoshK2/react-spinners-css) - Amazing collection of react spinners components. ### Carousel + - [@egjs/react-flicking](https://github.com/naver/egjs-flicking/blob/master/packages/react-flicking/) - [npm](https://www.npmjs.com/package/@egjs/react-flicking) - [demo](https://naver.github.io/egjs-flicking/) - It's reliable, flexible and extendable carousel. - [flat-carousel](https://github.com/jl-/flat-carousel) - [demo](https://671g5.csb.app/) Light weight carousel component for general purpose. - [react-awesome-slider](https://github.com/rcaferati/react-awesome-slider) - [demo](https://caferati.me/demo/react-awesome-slider) - 3D animated 60fps media and content slider/carousel. @@ -268,7 +272,6 @@ _Display data in charts / graphs / diagrams_ - [Smart React Chart](https://www.htmlelements.com/react/demos/chart/overview/) - Feature complete Charting library. - [react-muze](https://github.com/chartshq/react-muze) - React wrapper for [muze](https://muzejs.org/)(free data visualization library for creating exploratory data visualizations in browser, using WebAssembly) - ### Tree _Display a tree data structure_ @@ -367,7 +370,7 @@ _Sketch input using Canvas or SVG_ - [react-blur](https://github.com/javierbyte/react-blur) - React component for blurred backgrounds. - [react-demo-tab](https://github.com/mkosir/react-demo-tab) - [demo](https://mkosir.github.io/react-demo-tab) - A React component to easily create demos of other components. - [react-facebook](https://github.com/CherryProjects/react-facebook) - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post. -- [fastcomments-react](https://github.com/fastcomments/fastcomments-react) - [demo](https://blog.fastcomments.com/(12-30-2019)-fastcomments-demo.html) - FastComments component for embedding a live comment thread on a page or SPA. +- [fastcomments-react](https://github.com/fastcomments/fastcomments-react) - [demo]() - FastComments component for embedding a live comment thread on a page or SPA. - [react-pdf-viewer](https://github.com/phuoc-ng/react-pdf-viewer) - [docs](https://react-pdf-viewer.dev) - A React component to view a PDF document. - [react-simple-chatbot](https://github.com/LucasBassetti/react-simple-chatbot) - [demo](https://github.com/anishagg17/PIzzaBuilder) - A simple chatbot component to create conversation chats. - [react-file-reader-input](https://github.com/ngokevin/react-file-reader-input) - File input component for control for file reading styling and abstraction. @@ -380,7 +383,7 @@ _Sketch input using Canvas or SVG_ - [react-split-pane](https://github.com/tomkp/react-split-pane) - React split-pane component. - [react-swipe-to-delete-ios](https://github.com/arnaudambro/react-swipe-to-delete-ios) - [demo](https://arnaudambro.github.io/react-swipe-to-delete-ios/) - To delete an item in a list the same way iOS does. - [typography](https://github.com/KyleAMathews/typography.js) - A powerful toolkit for building websites with beautiful typography. -- [react-pulse-text](https://github.com/Kelsier90/React-Pulse-Text) - [demo/docs](https://kelsier90.github.io/React-Pulse-Text/) - Allows you to animate the text of any property of another component. +- [react-pulse-text](https://github.com/Kelsier90/React-Pulse-Text) - [demo/docs](https://kelsier90.github.io/React-Pulse-Text/) - Allows you to animate the text of any property of another component. - [captcha-image](https://github.com/tpkahlon/captcha-image) - Allows you to generate a random captcha image with options. - [react-pdf](https://github.com/wojtekmaj/react-pdf) - Display PDFs in your React app as easily as if they were images. - [react-customizable-chat-bot](https://github.com/chithakumar13/react-chat-bot) - [Demo](https://chithakumar13.github.io/bot-example) - Build your own chatbot matching your brand needs in minutes. @@ -662,7 +665,6 @@ _Set of components + responsive layout system_ - [matrix-card](https://github.com/MehmetKaplan/matrix-card) - [demo](https://mehmetkaplan.github.io/matrix-card/) - Simplest possible component to generate matrix rain style cards. - [rsuite](https://github.com/rsuite/rsuite) - [demo/docs](https://rsuitejs.com/) - Suite of components for "enterprise system products". - ## UI Utilities ### Reporter From d4ae758da54f1f057afce1b981cb87dbbf6e25aa Mon Sep 17 00:00:00 2001 From: bluepeter Date: Sat, 19 Dec 2020 17:16:03 +0000 Subject: [PATCH 184/373] docs: update TOC --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 2d152f9..8fb966c 100644 --- a/README.md +++ b/README.md @@ -21,7 +21,6 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - ## Table of Contents - [UI Components](#ui-components) From 735258f9e1abfa9855b2bef946a15929b8ac8ae0 Mon Sep 17 00:00:00 2001 From: Anthony Nguyen <48500079+anthowen@users.noreply.github.com> Date: Fri, 25 Dec 2020 07:29:12 -0500 Subject: [PATCH 185/373] Add react-hot-toast Website: https://react-hot-toast.com/ --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 8fb966c..8bcb8bf 100644 --- a/README.md +++ b/README.md @@ -182,6 +182,7 @@ _Toaster / snackbar — Notify the user with a modeless temporary little popup_ - [react-toast-notifications](https://github.com/jossmac/react-toast-notifications) - [demo](https://jossmac.github.io/react-toast-notifications/) - pleasing toast system. - [reapop](https://github.com/LouisBarranqueiro/reapop) - A React & Redux notifications system. - [simple-react-notifications](https://github.com/alexpermyakov/simple-react-notifications) - [demo](https://alexpermyakov.github.io/simple-react-notifications/) - Tiny notification library (1kb gzip). +- [react-hot-toast](https://github.com/timolins/react-hot-toast) - [demo](https://react-hot-toast.com/) - Smoking 🔥hot🔥 Notifications for React. Lightweight, customizable and beautiful by default. ### Tooltip From 48436d790eacd3ea1f1dfd3b222bcc0252f841fa Mon Sep 17 00:00:00 2001 From: Revolist <64810943+revolist@users.noreply.github.com> Date: Wed, 30 Dec 2020 13:49:39 -0500 Subject: [PATCH 186/373] Added link to spreadsheet like data grid 1. Added link to spreadsheet like data grid 2. Removed one row according contribution rules, component seems quite primitive and has many competitors. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 8bcb8bf..e5864bd 100644 --- a/README.md +++ b/README.md @@ -132,6 +132,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [ag-grid](https://github.com/ceolter/ag-grid) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components. - [gigatables-react](https://github.com/GigaTables/reactables) - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more. - [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid. +- [revo-grid](https://github.com/revolist/revogrid) - [demo/docs](https://revolist.github.io/revogrid/) - Powerfull Data Grid for React / AngularJS / Vue / Web Components with advanced customization. - [ReactGrid](https://github.com/silevis/reactgrid) - [demo/docs](https://reactgrid.com/docs/) - Add spreadsheet-like behavior to your app - [jqwidgets-react-grid](https://www.jqwidgets.com/react/react-grid/) - Filtering, Pagination, Grouping, Export to Excel, PDF, CRUD and more. @@ -142,7 +143,6 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [material-table](https://github.com/mbrn/material-table) - [demo/docs](https://material-table.com/) - Built on Material UI, plus: grouping, tree data, expandable rows, export, inline editing - [mui-datatables](https://github.com/gregnb/mui-datatables) - Built on Material-UI. Search, styling, filtering, resize/hide columns, export, print, select/expand rows. - [react-data-table](https://github.com/jbetancur/react-data-table-component) - [demo/docs](https://jbetancur.github.io/react-data-table-component/?) - accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination -- [react-pivot](https://github.com/davidguttman/react-pivot) - Data-grid component with pivot-table-like for data display, filtering, and exploration. - [react-table](https://github.com/tannerlinsley/react-table) - [demo](https://github.com/tannerlinsley/react-table/blob/master/docs/examples.md) - Hooks for building fast and extendable tables and datagrids - [rsuite-table](https://github.com/rsuite/rsuite-table) - [demo/docs](http://rsuite.github.io/rsuite-table/) - A table component that supports virtualized. - [sematable](https://github.com/sematext/sematable) - Client side sorting, pagination, and text filter for redux/react based apps. From ebad2faedbd40d9311006736fd57774176dc911a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sinan=20BOZKU=C5=9E?= Date: Mon, 11 Jan 2021 22:36:45 +0300 Subject: [PATCH 187/373] react-table demo url updated. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index e5864bd..5ceb246 100644 --- a/README.md +++ b/README.md @@ -143,7 +143,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [material-table](https://github.com/mbrn/material-table) - [demo/docs](https://material-table.com/) - Built on Material UI, plus: grouping, tree data, expandable rows, export, inline editing - [mui-datatables](https://github.com/gregnb/mui-datatables) - Built on Material-UI. Search, styling, filtering, resize/hide columns, export, print, select/expand rows. - [react-data-table](https://github.com/jbetancur/react-data-table-component) - [demo/docs](https://jbetancur.github.io/react-data-table-component/?) - accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination -- [react-table](https://github.com/tannerlinsley/react-table) - [demo](https://github.com/tannerlinsley/react-table/blob/master/docs/examples.md) - Hooks for building fast and extendable tables and datagrids +- [react-table](https://github.com/tannerlinsley/react-table) - [demo](https://react-table.tanstack.com/docs/examples/basic) - Hooks for building fast and extendable tables and datagrids - [rsuite-table](https://github.com/rsuite/rsuite-table) - [demo/docs](http://rsuite.github.io/rsuite-table/) - A table component that supports virtualized. - [sematable](https://github.com/sematext/sematable) - Client side sorting, pagination, and text filter for redux/react based apps. - [DevExtreme React Grid](https://devexpress.github.io/devextreme-reactive/react/grid/) - High-performance plugin-based data grid for Bootstrap and Material Design. From cdc4eaead04088c04105b9ca06d771a56652d85f Mon Sep 17 00:00:00 2001 From: makotot Date: Sun, 17 Jan 2021 18:48:28 +0900 Subject: [PATCH 188/373] add paginated --- README.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 5ceb246..b266280 100644 --- a/README.md +++ b/README.md @@ -21,6 +21,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- + ## Table of Contents - [UI Components](#ui-components) @@ -347,6 +348,7 @@ _Display a control element to paginate_ - [react-paginate](https://github.com/AdeleD/react-paginate) - A ReactJS component that creates a pagination. - [react-laravel-paginex](https://github.com/lionix-team/react-laravel-paginex) - Laravel Pagination with ReactJS (customizable). +- [paginated](https://github.com/makotot/paginated) - React render props & custom hook to build pagination. ### Markdown Viewer @@ -1004,7 +1006,6 @@ _Internationalization / L10n / localization / translation_ ### Static Website Generator - [gatsby](https://github.com/gatsbyjs/gatsby) - Transform plain text into dynamic blogs and websites using React.js. -- [phenomic](https://github.com/MoOx/phenomic) - Modern static\* website generator based on the React and Webpack ecosystem. ## Cloud Solutions From 0a41303c0560df60f5cda7b86ed70da0195d432a Mon Sep 17 00:00:00 2001 From: bluepeter Date: Sun, 17 Jan 2021 17:05:14 +0000 Subject: [PATCH 189/373] docs: update TOC --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index b266280..24fc87e 100644 --- a/README.md +++ b/README.md @@ -21,7 +21,6 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - ## Table of Contents - [UI Components](#ui-components) From 73741491f710f8ba9eb52e312c05558be0f181aa Mon Sep 17 00:00:00 2001 From: akai Date: Thu, 28 Jan 2021 22:15:28 +0800 Subject: [PATCH 190/373] Add ChatUI to UI Frameworks --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 24fc87e..1ed0115 100644 --- a/README.md +++ b/README.md @@ -634,6 +634,7 @@ _Set of components + responsive layout system_ - [searchkit](https://github.com/searchkit/searchkit) - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch. - [semantic-ui-react](https://github.com/Semantic-Org/Semantic-UI-React) - The official Semantic-UI-React integration. - [shineout](https://github.com/sheinsight/shineout) - [demo](https://shine.wiki/1.4.x/en/components/GetStart) - Chinese-friendly set of components: form elements, navigation, table, tree, tree select drop-down etc. +- [ChatUI](https://github.com/alibaba/ChatUI) - [demo/docs](https://chatui.io/) - The UI design language and React library for Conversational UI #### Material Design From 3eba26180807903682442182ba2641619006ad5c Mon Sep 17 00:00:00 2001 From: Alex Nault Date: Mon, 1 Feb 2021 19:58:13 -0500 Subject: [PATCH 191/373] Add react-headings Removed react-gateway since last commit dates back November 2017 and React has had built-in Portals for a while now. It looks abandoned (see [this issue](https://github.com/cloudflare/react-gateway/issues/46) and [this issue](https://github.com/cloudflare/react-gateway/issues/32)). --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 1ed0115..0d8db54 100644 --- a/README.md +++ b/README.md @@ -376,6 +376,7 @@ _Sketch input using Canvas or SVG_ - [react-simple-chatbot](https://github.com/LucasBassetti/react-simple-chatbot) - [demo](https://github.com/anishagg17/PIzzaBuilder) - A simple chatbot component to create conversation chats. - [react-file-reader-input](https://github.com/ngokevin/react-file-reader-input) - File input component for control for file reading styling and abstraction. - [react-filter-control](https://github.com/komarovalexander/react-filter-control) - The React filterbuilder component for building the filter criteria in the UI. +- [react-headings](https://github.com/alexnault/react-headings) - Auto-increment your HTML headings (h1, h2, etc.) for improved accessibility and SEO, no matter your component structure, while you keep full control of what's rendered. - [react-joyride](https://github.com/gilbarbara/react-joyride) - Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!. - [react-json-tree](https://github.com/alexkuz/react-json-tree) - React JSON Viewer Component, Extracted from redux-devtools. - [react-resizable-and-movable](https://github.com/bokuweb/react-resizable-and-movable) - Resizable and movable component for React. @@ -728,7 +729,6 @@ _Set meta tags, , children of <head>_ _Render an element at an arbitrary DOM node_ -- [react-gateway](https://github.com/cloudflare/react-gateway) - Render React DOM into a new context (aka "Portal"). - [react-layer-stack](https://github.com/fckt/react-layer-stack) - Simple but ubiquitously powerful and agnostic layering system for React. - [react-portal](https://github.com/tajo/react-portal) - React component for transportation of modals, lightboxes, loading bars... to document.body. From c3e67baec211458fac99c29944c68a07c8c583b8 Mon Sep 17 00:00:00 2001 From: plasmicops <59713267+plasmicops@users.noreply.github.com> Date: Tue, 2 Feb 2021 08:31:15 -0800 Subject: [PATCH 192/373] Add Plasmic --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 0d8db54..0064171 100644 --- a/README.md +++ b/README.md @@ -993,6 +993,7 @@ _Internationalization / L10n / localization / translation_ - [react-heatpack](https://github.com/insin/react-heatpack) - A 'heatpack' command for quick React development with webpack hot reloading. - [react-styleguidist](https://github.com/sapegin/react-styleguidist) - React style guide generator. - [standard-react](https://github.com/feross/standard) - JavaScript Standard Style Guide. +- [Plasmic](https://www.plasmic.app/) - Powerful design tool for building your React components visually. ## Miscellaneous From b2cda2c430341da0dfec747690854a463a48eb8e Mon Sep 17 00:00:00 2001 From: Sergey Aleksandrov <gooddev.sergey@gmail.com> Date: Thu, 4 Feb 2021 07:26:30 +0200 Subject: [PATCH 193/373] Rockpack and iSSR added --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index 0064171..f78cedb 100644 --- a/README.md +++ b/README.md @@ -865,6 +865,7 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [redux-cli](https://github.com/SpencerCDixon/redux-cli) - An opinionated CLI for building redux/react apps quicker. - [relay-fullstack](https://github.com/lvarayut/relay-fullstack) - Relay Starter Kit. - [roc](https://github.com/rocjs/roc) - Modern Application Development Ecosystem. +- [rockpack](https://github.com/AlexSergey/rockpack) - Simple solution for creating React application with SSR, bundling, linting, testing within 5 minutes. - [universal-redux](https://github.com/bdefore/universal-redux) - An npm package that lets you jump right into coding React and Redux. - [create-react-dependency](https://github.com/andrelmlins/create-react-dependency) - Create react dependencies with no build configuration. - [phoenix](https://github.com/Sazito/phoenix) - A simple boilerplate that helps you make your react application with Server Side Rendering & Localization support. @@ -951,6 +952,7 @@ _Internationalization / L10n / localization / translation_ ### Server-Side Rendering +- [iSSR](https://github.com/AlexSergey/issr) - The easiest way to move your React application to Server-Side Rendering. Handles Side Effects and synchronizes State. - [react-esi](https://github.com/dunglas/react-esi) - A library to boost SSR performance by exposing React components as Edge Side Includes (ESI) fragments ## Dev Tools From c8bde982bc4fd561e58ac1a935b5c37ebb92f711 Mon Sep 17 00:00:00 2001 From: Nitin Sangwan <nsangwan@users.noreply.github.com> Date: Sat, 13 Feb 2021 09:56:01 +0530 Subject: [PATCH 194/373] Add new loader components and remove unmaintained - Remove react-spinkit - no updates in 4 years - Remove react-md-spinner - no update after 1 commit --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index f78cedb..921e1f8 100644 --- a/README.md +++ b/README.md @@ -216,12 +216,12 @@ _Loaders / spinners / progress bars — Let the user know that something is load - [react-block-ui](https://github.com/availity/react-block-ui) - Easy way to block the user from interacting with your UI. - [react-loader](https://github.com/TheCognizantFoundry/react-loader) - React component that displays a spinner via spin.js until your component is loaded. -- [react-md-spinner](https://github.com/tsuyoshiwada/react-md-spinner) - Material Design spinner components for React.js. - [react-progress-button](https://github.com/mathieudutour/react-progress-button) - Simple react.js component for an inline progress indicator. - [react-progress-label](https://github.com/wangzuo/react-progress-label) - Progress label component. - [react-redux-loading-bar](https://github.com/mironov/react-redux-loading-bar) - Simple Loading Bar for Redux and React. -- [react-spinkit](https://github.com/KyleAMathews/react-spinkit) - A collection of loading indicators animated with CSS for React. - [react-spinners-css](https://github.com/JoshK2/react-spinners-css) - Amazing collection of react spinners components. +- [react-spinners](https://github.com/davidhu2000/react-spinners) - A collection of loading spinner components for react. +- [react-content-loader](https://github.com/danilowoz/react-content-loader) - SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading). ### Carousel From e85af72878fba0214b640d05c4e9109de80d7006 Mon Sep 17 00:00:00 2001 From: Vlad Shilov <omgovich@ya.ru> Date: Tue, 16 Feb 2021 15:04:04 +0300 Subject: [PATCH 195/373] Add react-router and wouter --- README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 921e1f8..da5286a 100644 --- a/README.md +++ b/README.md @@ -449,6 +449,7 @@ _Autosuggest / autocomplete / typeahead_ - [coloreact](https://github.com/elrumordelaluz/coloreact) - A tiny Color Picker for React. - [react-color](https://github.com/casesandberg/react-color) - Color Pickers from Sketch, Photoshop, Chrome & more. +- [react-colorful](https://github.com/omgovich/react-colorful) - A tiny (2,5 KB), dependency-free, fast and accessible color picker component. - [react-input-color](https://github.com/wangzuo/react-input-color) - React input color component with hsv color picker. #### Toggle @@ -786,15 +787,14 @@ _Data flow / data management / data stores / components state / data flow_ ### Router -- [cerebral-module-router](https://github.com/cerebral/cerebral-module-router) - An opinionated URL change handler for Cerebral. -- [monorouter](https://github.com/matthewwithanm/monorouter) - An isomorphic JS router. - [react-breadcrumbs](https://github.com/svenanders/react-breadcrumbs) - Automatic breadcrumbs for React-Router. - [react-router-component](https://github.com/STRML/react-router-component) - Declarative router component for React. - [react-router-scroll](https://github.com/taion/react-router-scroll) - React Router scroll management. - [react-router](https://github.com/reactjs/react-router) - A complete routing library for React. +- [redux-first-history](https://github.com/salvoravida/redux-first-history) - Redux First History - Redux history binding support react-router - @reach/router - wouter - [redux-router](https://github.com/acdlite/redux-router) - Redux bindings for React Router – keep your router state inside your Redux store. - [universal-router](https://github.com/kriasoft/universal-router) - A simple middleware-style router for isomorphic JavaScript web apps. -- [redux-first-history](https://github.com/salvoravida/redux-first-history) - Redux First History - Redux history binding support react-router - @reach/router - wouter +- [wouter](https://github.com/molefrog/wouter) - A minimalist-friendly ~1.3KB routing library. Nothing else but hooks. ### Props from server From ecd95ead225866b9f469de9ae11b28140818328a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jakub=20Pomyka=C5=82a?= <jakub.pomykala@gmail.com> Date: Fri, 19 Feb 2021 16:15:57 +0100 Subject: [PATCH 196/373] Add SimpleLocalize CLI MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit We use it to handle our translation keys in NodeJS backend and React web. 👍 Open source tool for finding i18n keys in React app. --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index da5286a..de8e195 100644 --- a/README.md +++ b/README.md @@ -996,6 +996,7 @@ _Internationalization / L10n / localization / translation_ - [react-styleguidist](https://github.com/sapegin/react-styleguidist) - React style guide generator. - [standard-react](https://github.com/feross/standard) - JavaScript Standard Style Guide. - [Plasmic](https://www.plasmic.app/) - Powerful design tool for building your React components visually. +- [SimpleLocalize](https://github.com/simplelocalize/simplelocalize-cli) - Open source CLI tool for finding i18n keys in React projects. ## Miscellaneous From 546a43570148022ab6ef73654a86373531d72440 Mon Sep 17 00:00:00 2001 From: Sainath Singineedi <44405294+sainad2222@users.noreply.github.com> Date: Sun, 21 Feb 2021 05:34:36 +0530 Subject: [PATCH 197/373] replace boron with reboron --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index de8e195..f2e91b4 100644 --- a/README.md +++ b/README.md @@ -162,7 +162,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- _Display overlay / modal / alert / dialog / lightbox / popup_ -- [boron](https://github.com/yuanyan/boron) - A collection of dialog animations with React.js. +- [reboron](https://github.com/bold-commerce/reboron) - A collection of dialog animations with React.js - [react-aria-modal](https://github.com/davidtheclark/react-aria-modal) - A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices. - [react-modal](https://github.com/reactjs/react-modal) - Accessible modal dialog component for React. - [react-skylight](https://github.com/marcio/react-skylight) - A react component for modals and dialogs. From 423ec1519d464700e0b01138b2934895b534d41f Mon Sep 17 00:00:00 2001 From: Marek Rozmus <marek.rozmus@outlook.com> Date: Thu, 25 Feb 2021 18:37:45 +0100 Subject: [PATCH 198/373] Add react-swipeable-list and remove unmaintained redux-ava * added react-swipeable-list * removed redux-ava - deprecated package, GitHub link does not work anymore --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index f2e91b4..91380cf 100644 --- a/README.md +++ b/README.md @@ -384,6 +384,7 @@ _Sketch input using Canvas or SVG_ - [react-searchbox-awesome](https://github.com/axmz/react-searchbox-awesome) - [demo](https://axmz.github.io/react-searchbox-awesome-page/) - Minimalistic searchbox. - [react-split-pane](https://github.com/tomkp/react-split-pane) - React split-pane component. - [react-swipe-to-delete-ios](https://github.com/arnaudambro/react-swipe-to-delete-ios) - [demo](https://arnaudambro.github.io/react-swipe-to-delete-ios/) - To delete an item in a list the same way iOS does. +- [react-swipeable-list](https://github.com/marekrozmus/react-swipeable-list) - [demo](https://marekrozmus.github.io/react-swipeable-list/) - Configurable component to render list with swipeable items. - [typography](https://github.com/KyleAMathews/typography.js) - A powerful toolkit for building websites with beautiful typography. - [react-pulse-text](https://github.com/Kelsier90/React-Pulse-Text) - [demo/docs](https://kelsier90.github.io/React-Pulse-Text/) - Allows you to animate the text of any property of another component. - [captcha-image](https://github.com/tpkahlon/captcha-image) - Allows you to generate a random captcha image with options. @@ -964,7 +965,6 @@ _Internationalization / L10n / localization / translation_ - [enzyme](https://github.com/airbnb/enzyme) - JavaScript Testing utilities for React. - [jest-cli](https://github.com/facebook/jest) - Painless JavaScript Testing. - [react-unit](https://github.com/pzavolinsky/react-unit) - Lightweight unit test library for ReactJS. -- [redux-ava](https://github.com/sotojuan/redux-ava) - Write AVA tests for redux pretty quickly. - [redux-test-recorder](https://github.com/conorhastings/redux-test-recorder) - A redux middleware to automatically generate tests for reducers through ui interaction. - [rut](https://github.com/milesj/rut) - React testing made easy with `react-test-renderer`. Supports DOM and custom renderers. - [ui-harness](https://github.com/philcockfield/ui-harness) - Create, isolate and test modular UI components in React. From 41f95cf667d20fb2dd2c766094a16bd161dfa309 Mon Sep 17 00:00:00 2001 From: Jeffrey Lanters <jeffreylanters@me.com> Date: Wed, 3 Mar 2021 17:36:04 +0100 Subject: [PATCH 199/373] Added React Unity WebGL to Framework bindings / integrations --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 91380cf..db29c50 100644 --- a/README.md +++ b/README.md @@ -916,6 +916,7 @@ _Internationalization / L10n / localization / translation_ - [react-threejs](https://github.com/fritx/react-threejs) - Simplest bindings between React & Three.js - [reactfire](https://github.com/firebase/reactfire) - ReactJS mixin for easy Firebase integration. - [reactive-elements](https://github.com/PixelsCommander/ReactiveElements) - Allows to use React.js component as HTML element (web component). +- [react-unity-webgl](https://github.com/elraccoone/react-unity-webgl) - Unity intergration with two-way communication using a built-in Event System. ### Integrations with Third Party Services From f34d557fc027dbfa592153d6dad5eede630f1788 Mon Sep 17 00:00:00 2001 From: Jeffrey Lanters <jeffreylanters@me.com> Date: Wed, 3 Mar 2021 17:44:31 +0100 Subject: [PATCH 200/373] Removed React Scrollbar from Custom Scrollbar --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index db29c50..c4c1b86 100644 --- a/README.md +++ b/README.md @@ -290,7 +290,6 @@ _Ways to navigate views_ - [rc-scrollbars](https://github.com/sakhnyuk/rc-scrollbars) - [demo](https://rc-scrollbars.vercel.app/) - Customizable scrollbars with flex options and 60FPS - [react-custom-scroll](https://github.com/rommguy/react-custom-scroll) - [demo](http://rommguy.github.io/react-custom-scroll/example/demo.html) - Easily customize the browser scroll bar with native OS scroll behavior. -- [react-scrollbar](https://github.com/souhe/reactScrollbar) - Scrollbar component for React. - [react-shadow-scroll](https://github.com/andrelmlins/react-shadow-scroll) - Component that customizes the image and inserts shadow when scrolling exists. ### Audio / Video From e264660a45f3b88254fcabbe1a9ae8d91ef5e0cb Mon Sep 17 00:00:00 2001 From: Gabriel Axel <guznik@gmail.com> Date: Mon, 8 Mar 2021 12:11:57 +0200 Subject: [PATCH 201/373] Replaced react-virtualized with react-window https://github.com/bvaughn/react-window#how-is-react-window-different-from-react-virtualized --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index c4c1b86..dc6c444 100644 --- a/README.md +++ b/README.md @@ -155,8 +155,8 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [@egjs/react-infinitegrid](https://github.com/naver/egjs-infinitegrid/blob/master/packages/react-infinitegrid) - [npm](https://www.npmjs.com/package/@egjs/react-infinitegrid) - [demo](https://naver.github.io/egjs-infinitegrid/storybook/) - A module used to arrange card elements including content infinitely according to various layout types. - [react-lazyload](https://github.com/jasonslyvia/react-lazyload) - Lazyload your Component, Image or anything matters the performance. - [react-list](https://github.com/orgsync/react-list) - A versatile infinite scroll React component. -- [react-virtualized](https://github.com/bvaughn/react-virtualized) - React components for efficiently rendering large lists and tabular data. - [react-recycled-scrolling](https://github.com/sarons/react-recycled-scrolling) - [npm](https://www.npmjs.com/package/react-recycled-scrolling) - [demo](https://y8mlf.csb.app/) - Simulate scrolling using fixed number of DOM elements for large lists with React Hooks +- [react-window](https://github.com/bvaughn/react-window) - [demo](https://react-window.now.sh/) - React components for efficiently rendering large lists and tabular data ### Overlay From ebe10040f6f243e259df20805ae639af3bcbb98a Mon Sep 17 00:00:00 2001 From: Gabriel Axel <guznik@gmail.com> Date: Mon, 8 Mar 2021 12:50:12 +0200 Subject: [PATCH 202/373] Added edtr-io, remirror, slate and smartblock Not trying to bloat up the rich text editors section, but these are really good ones IMO --- README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/README.md b/README.md index c4c1b86..ca0bf96 100644 --- a/README.md +++ b/README.md @@ -518,6 +518,7 @@ _Let the user define an order on a list_ - [ckeditor4-react](https://github.com/ckeditor/ckeditor4-react) - An official CKEditor 4 rich text editor wrapper. - [ckeditor5-react](https://github.com/ckeditor/ckeditor5-react) - An official CKEditor 5 rich text editor wrapper. - [draft-js](https://github.com/facebook/draft-js) - A React framework for building text editors. +- [edtr-io](https://github.com/edtr-io/edtr-io) - [demo](https://edtr.io/) - [docs](https://edtr.io/docs/getting-started) - WYSIWYG in-line web editor with plugins. - [megadraft](https://github.com/globocom/megadraft) - Rich Text editor built on top of draft.js. - [react-ace](https://github.com/securingsincity/react-ace) - Ace (Advanced Code Editor) wraper. - [react-codemirror](https://github.com/JedWatson/react-codemirror) - CodeMirror wrapper. @@ -527,6 +528,9 @@ _Let the user define an order on a list_ - [react-medium-editor](https://github.com/wangzuo/react-medium-editor) - medium-editor wrapper. - [react-quill](https://github.com/zenoamaro/react-quill) - Quill wrapper. - [react-trumbowyg](https://github.com/RD17/react-trumbowyg) - [Trumbowyg](https://alex-d.github.io/Trumbowyg/) wrapper. +- [remirror](https://github.com/remirror/remirror) - [demo](https://remirror.io/playground) - [docs](https://remirror.io/docs) - ProseMirror toolkit for React. +- [slate](https://github.com/ianstormtaylor/slate) - [demo](http://slatejs.org/) - [docs](https://docs.slatejs.org/) - A completely customizable framework for building rich text editors. +- [smartblock](https://github.com/appleple/smartblock) - [demo](https://appleple.github.io/smartblock/) - [docs](https://appleple.github.io/smartblock/get-started) - Block based WYSIWYG editor based on ProseMirror. #### Markdown Editor From 8a97fbc07bcfe99b3cd6e508c5390219abfc49ea Mon Sep 17 00:00:00 2001 From: Michael Grigoryan <56165400+MichaelGrigoryan25@users.noreply.github.com> Date: Mon, 8 Mar 2021 21:04:58 +0400 Subject: [PATCH 203/373] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 14e49ed..e5a9d3b 100644 --- a/README.md +++ b/README.md @@ -728,6 +728,7 @@ _Set meta tags, <title>, children of <head>_ - [react-document-meta](https://github.com/kodyl/react-document-meta) - HTML meta tags for React-based apps. - [react-document-title](https://github.com/gaearon/react-document-title) - Declarative, nested, stateful, isomorphic document.title for React. +- [react-helmet-async](https://github.com/staylor/react-helmet-async#readme) - Thread-safe Helmet for React 16+ and friends - [react-helmet](https://github.com/nfl/react-helmet) - A document head manager for React. ### Portal From 98e75c3d942d0286cb83d9be9d6a4864207abe3b Mon Sep 17 00:00:00 2001 From: Gabriel Axel <guznik@gmail.com> Date: Tue, 9 Mar 2021 10:54:13 +0200 Subject: [PATCH 204/373] Added Pigeon Maps --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index e5a9d3b..a4e5c6f 100644 --- a/README.md +++ b/README.md @@ -304,6 +304,7 @@ _Ways to navigate views_ ### Map - [google-map-react](https://github.com/istarkov/google-map-react) - Universal google map react component, allows render react components on the google map. +- [pigeon-maps](https://github.com/mariusandra/pigeon-maps) - [demo](https://pigeon-maps.js.org/) - ReactJS Maps without external dependencies. - [react-geosuggest](https://github.com/ubilabs/react-geosuggest) - A React autosuggest for the Google Maps Places API. - [react-leaflet](https://github.com/PaulLeCam/react-leaflet) - React components for Leaflet maps. - [react-map-gl](https://github.com/uber/react-map-gl) - A React wrapper for MapboxGL-js and overlay API. From c21f036fbb006d02125d05d36f92c7a525ba81f2 Mon Sep 17 00:00:00 2001 From: Dengju Deng <wj871287@gmail.com> Date: Fri, 12 Mar 2021 17:01:59 +0800 Subject: [PATCH 205/373] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index e72b05e..9f4017f 100644 --- a/README.md +++ b/README.md @@ -391,6 +391,7 @@ _Sketch input using Canvas or SVG_ - [react-pdf](https://github.com/wojtekmaj/react-pdf) - Display PDFs in your React app as easily as if they were images. - [react-customizable-chat-bot](https://github.com/chithakumar13/react-chat-bot) - [Demo](https://chithakumar13.github.io/bot-example) - Build your own chatbot matching your brand needs in minutes. - [@restpace/schema-form](https://github.com/restspace/schema-form) - [Demo](https://restspace.io/react/schema-form/demo) - Easily build complex forms automatically from a JSON Schema. +- [react-darkreader](https://github.com/Turkyden/react-darkreader) - 🌓 A React Hook for adding a dark / night mode to your site inspired by darkreader. ### Form Components From 7ba605df010c48f46c5e38a70feb88f245ac4d25 Mon Sep 17 00:00:00 2001 From: John Kapolos <kapolos@users.noreply.github.com> Date: Sun, 14 Mar 2021 23:36:53 +0200 Subject: [PATCH 206/373] Adding react-godfather [React-godfather](https://github.com/kapolos/react-godfather) is a new way of writing functional components, without Hooks - plus it has some more goodies like async + generators support in render. As per Contrib guidelines, removed a stale entry that hasn't seen a commit for 15 months. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 9f4017f..e84075b 100644 --- a/README.md +++ b/README.md @@ -226,7 +226,6 @@ _Loaders / spinners / progress bars — Let the user know that something is load ### Carousel - [@egjs/react-flicking](https://github.com/naver/egjs-flicking/blob/master/packages/react-flicking/) - [npm](https://www.npmjs.com/package/@egjs/react-flicking) - [demo](https://naver.github.io/egjs-flicking/) - It's reliable, flexible and extendable carousel. -- [flat-carousel](https://github.com/jl-/flat-carousel) - [demo](https://671g5.csb.app/) Light weight carousel component for general purpose. - [react-awesome-slider](https://github.com/rcaferati/react-awesome-slider) - [demo](https://caferati.me/demo/react-awesome-slider) - 3D animated 60fps media and content slider/carousel. - [pure-react-carousel](https://github.com/express-labs/pure-react-carousel) - Built from scratch and not highly opinionated. - [react-id-swiper](https://github.com/kidjp85/react-id-swiper) - A library to use idangerous Swiper as a ReactJs component @@ -883,6 +882,7 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ ### Miscellaneous - [react-inlinesvg](https://github.com/matthewwithanm/react-inlinesvg) - An SVG loader component for ReactJS. +- [react-godfather](https://github.com/kapolos/react-godfather) - A new way to write Functional Components, without Hooks. - [redux-auth-patch](https://github.com/lynndylanhurley/redux-auth) - Complete token authentication system for react + redux that supports isomorphic rendering. - [redux-search](https://github.com/treasure-data/redux-search) - Redux bindings for client-side search. - [tcomb-react](https://github.com/gcanti/tcomb-react) - Alternative syntax for PropTypes. From d1ae36281cf67442adc39ba504e13a1592fe416c Mon Sep 17 00:00:00 2001 From: janrywang <wangzhili56@126.com> Date: Tue, 13 Apr 2021 13:36:16 +0800 Subject: [PATCH 207/373] add formily link --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index e84075b..6068780 100644 --- a/README.md +++ b/README.md @@ -791,6 +791,7 @@ _Data flow / data management / data stores / components state / data flow_ - [react-final-form](https://github.com/final-form/react-final-form) - Subscription-based form state management - [react-formawesome](https://github.com/MAKARD/react-formawesome) - Complex library for creating awesome forms. - [surveyjs](https://github.com/surveyjs/survey-library) - The advanced Survey and Form library +- [Formily](https://github.com/alibaba/formily) - High performance, extensible, and Typescript friendly ### Router From c08d6abbcb26b0560f1420181561bd737fd71c8d Mon Sep 17 00:00:00 2001 From: Sarat Chandra E <sarat.e99@gmail.com> Date: Fri, 23 Apr 2021 17:21:25 +0530 Subject: [PATCH 208/373] Adding react-image-magnify react-image-magnify A responsive React image zoom carousel component for touch and mouse. Designed for shopping site product detail. --- README.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/README.md b/README.md index 6068780..41cf2d4 100644 --- a/README.md +++ b/README.md @@ -233,6 +233,9 @@ _Loaders / spinners / progress bars — Let the user know that something is load - [react-responsive-carousel](https://github.com/leandrowd/react-responsive-carousel) - React.js Responsive Carousel (with Swipe). - [react-slick](https://github.com/akiran/react-slick) - React carousel component. - [keen-slider](https://github.com/rcbyr/keen-slider) - [demo](https://keen-slider.io/examples/#examples) - Performant carousel/slider with native touch/swipe behavior. +- [react-image-magnify](https://github.com/ethanselzer/react-image-magnify) - [demo](https://ethanselzer.github.io/react-image-magnify/#/external) - Responsive React image carousel zoom component for touch and mouse. + +Designed for shopping site product detail ### Buttons From a3eb6ed23c3430e752a339db3ced3279bee59386 Mon Sep 17 00:00:00 2001 From: Sarat Chandra E <sarat.e99@gmail.com> Date: Fri, 23 Apr 2021 21:35:11 +0530 Subject: [PATCH 209/373] Update README.md --- README.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/README.md b/README.md index 41cf2d4..e8ad295 100644 --- a/README.md +++ b/README.md @@ -233,9 +233,7 @@ _Loaders / spinners / progress bars — Let the user know that something is load - [react-responsive-carousel](https://github.com/leandrowd/react-responsive-carousel) - React.js Responsive Carousel (with Swipe). - [react-slick](https://github.com/akiran/react-slick) - React carousel component. - [keen-slider](https://github.com/rcbyr/keen-slider) - [demo](https://keen-slider.io/examples/#examples) - Performant carousel/slider with native touch/swipe behavior. -- [react-image-magnify](https://github.com/ethanselzer/react-image-magnify) - [demo](https://ethanselzer.github.io/react-image-magnify/#/external) - Responsive React image carousel zoom component for touch and mouse. - -Designed for shopping site product detail +- [react-image-magnify](https://github.com/ethanselzer/react-image-magnify) - [demo](https://ethanselzer.github.io/react-image-magnify/#/external) - Responsive React image carousel zoom component for touch and mouse. Designed for shopping site product detail ### Buttons From d0dc5dfbeca28ef62647bed8a6f2133f338c0ee5 Mon Sep 17 00:00:00 2001 From: Ahmed Tarek <ahmed.tokyo1@gmail.com> Date: Sat, 24 Apr 2021 17:36:59 +0200 Subject: [PATCH 210/373] =?UTF-8?q?=E2=9C=A8=20add=20react-apple-signin-au?= =?UTF-8?q?th?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index e8ad295..340bbdd 100644 --- a/README.md +++ b/README.md @@ -392,6 +392,7 @@ _Sketch input using Canvas or SVG_ - [react-customizable-chat-bot](https://github.com/chithakumar13/react-chat-bot) - [Demo](https://chithakumar13.github.io/bot-example) - Build your own chatbot matching your brand needs in minutes. - [@restpace/schema-form](https://github.com/restspace/schema-form) - [Demo](https://restspace.io/react/schema-form/demo) - Easily build complex forms automatically from a JSON Schema. - [react-darkreader](https://github.com/Turkyden/react-darkreader) - 🌓 A React Hook for adding a dark / night mode to your site inspired by darkreader. +- [react-apple-signin-auth](https://github.com/A-Tokyo/react-apple-signin-auth) -  Apple signin for React using the official Apple JS SDK. ### Form Components From d40f799780889ab22d03a4b596b8b9038b04e39b Mon Sep 17 00:00:00 2001 From: David Yan <yandavid@users.noreply.github.com> Date: Sat, 24 Apr 2021 23:15:22 -0700 Subject: [PATCH 211/373] Remove dead project --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 340bbdd..930fe18 100644 --- a/README.md +++ b/README.md @@ -771,7 +771,6 @@ _Data flow / data management / data stores / components state / data flow_ - [react-i13n](https://github.com/yahoo/react-i13n) - A performant, scalable and pluggable approach to instrumenting your React application. - [react-redux-provide](https://github.com/loggur/react-redux-provide) - Bridges the gap between Redux and the declarative nature of GraphQL/Relay. - [react-redux](https://github.com/reactjs/react-redux) - Official React bindings for Redux. -- [react-storage-hoc](https://github.com/yandavid/react-storage-hoc) - [demo](https://codesandbox.io/s/c0hxj?module=/src/App.js) - Higher-order components for working with localStorage and sessionStorage. - [redux-batched-actions](https://github.com/tshelburne/redux-batched-actions) - Reducer + action to reduce actions under a single subscriber notification. - [redux-batched-subscribe](https://github.com/tappleby/redux-batched-subscribe) - Store enhancer for which allows batching subscribe notifications. - [redux](https://github.com/reactjs/redux) - Predictable state container for JavaScript apps. From 4e91a73d675d03ec36e29b63142e8a71ad439fb1 Mon Sep 17 00:00:00 2001 From: George <61952924+chr-ge@users.noreply.github.com> Date: Sun, 2 May 2021 06:42:15 +0000 Subject: [PATCH 212/373] feat: add react-column-select --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 930fe18..6d735a5 100644 --- a/README.md +++ b/README.md @@ -447,6 +447,7 @@ _Autosuggest / autocomplete / typeahead_ - [react-functional-select](https://github.com/based-ghost/react-functional-select) - [demo](https://based-ghost.github.io/react-functional-select/) - Micro-sized & micro-optimized select component for React.js. - [react-select-box](https://github.com/instructure-react/react-select-box) - An accessible select box component for React. - [react-select](https://github.com/JedWatson/react-select) - A Select control built with and for React JS. +- [react-column-select](https://github.com/chr-ge/react-column-select) - A column select component built for react. #### Color Picker From c3f76e4cb07ddae5bca0b0a9f6c0eb02ff5e68fd Mon Sep 17 00:00:00 2001 From: Alex Fomin <nowaalex@gmail.com> Date: Sun, 9 May 2021 04:48:48 +0300 Subject: [PATCH 213/373] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 6d735a5..0e05e9a 100644 --- a/README.md +++ b/README.md @@ -155,7 +155,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [@egjs/react-infinitegrid](https://github.com/naver/egjs-infinitegrid/blob/master/packages/react-infinitegrid) - [npm](https://www.npmjs.com/package/@egjs/react-infinitegrid) - [demo](https://naver.github.io/egjs-infinitegrid/storybook/) - A module used to arrange card elements including content infinitely according to various layout types. - [react-lazyload](https://github.com/jasonslyvia/react-lazyload) - Lazyload your Component, Image or anything matters the performance. - [react-list](https://github.com/orgsync/react-list) - A versatile infinite scroll React component. -- [react-recycled-scrolling](https://github.com/sarons/react-recycled-scrolling) - [npm](https://www.npmjs.com/package/react-recycled-scrolling) - [demo](https://y8mlf.csb.app/) - Simulate scrolling using fixed number of DOM elements for large lists with React Hooks +- [af-virtual-scroll](https://github.com/nowaalex/af-virtual-scroll) - [demo](https://nowaalex.github.io/af-virtual-scroll/#/af-virtual-scroll/examples/list/variableRowHeights) - [docs](https://nowaalex.github.io/af-virtual-scroll/#/af-virtual-scroll/docs/list) - Render large scrollable lists and tables. - [react-window](https://github.com/bvaughn/react-window) - [demo](https://react-window.now.sh/) - React components for efficiently rendering large lists and tabular data ### Overlay From b8c5357fde495d33abf3caa09f1374936a7509e1 Mon Sep 17 00:00:00 2001 From: Ven Korolev <mohtaiiihuk@gmail.com> Date: Sun, 16 May 2021 12:49:18 +0200 Subject: [PATCH 214/373] Update README.md Add Google Places API library --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 0e05e9a..a0084ef 100644 --- a/README.md +++ b/README.md @@ -216,7 +216,6 @@ _Loaders / spinners / progress bars — Let the user know that something is load - [react-block-ui](https://github.com/availity/react-block-ui) - Easy way to block the user from interacting with your UI. - [react-loader](https://github.com/TheCognizantFoundry/react-loader) - React component that displays a spinner via spin.js until your component is loaded. -- [react-progress-button](https://github.com/mathieudutour/react-progress-button) - Simple react.js component for an inline progress indicator. - [react-progress-label](https://github.com/wangzuo/react-progress-label) - Progress label component. - [react-redux-loading-bar](https://github.com/mironov/react-redux-loading-bar) - Simple Loading Bar for Redux and React. - [react-spinners-css](https://github.com/JoshK2/react-spinners-css) - Amazing collection of react spinners components. @@ -932,6 +931,7 @@ _Internationalization / L10n / localization / translation_ - [react-ga](https://github.com/react-ga/react-ga) - React Google Analytics Module. - [react-google-analytics](https://github.com/hzdg/react-google-analytics) - Google analytics component. +- [react-google-autocomplete](https://github.com/ErrorPro/react-google-autocomplete) - Google Places API components and hooks. - [react-recaptcha](https://github.com/appleboy/react-recaptcha) - A react.js reCAPTCHA for Google. - [react-stripe-checkout](https://github.com/azmenak/react-stripe-checkout) - Load stripe's checkout.js as a react component. Easiest way to use checkout with React. - [redux-segment](https://github.com/rangle/redux-segment) - Segment.io analytics integration for redux. From 099a396048a83e9baee5b7cf3d448a8c7660bfd6 Mon Sep 17 00:00:00 2001 From: Sachin N <sachi77n@gmail.com> Date: Thu, 20 May 2021 14:01:21 +0530 Subject: [PATCH 215/373] Add lightGallery Add lightGallery and remove [react-images](https://github.com/jossmac/react-images#%EF%B8%8F-warning) as it is officially announced as deprecated. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index a0084ef..5f67b1e 100644 --- a/README.md +++ b/README.md @@ -322,10 +322,10 @@ _Display time / date / age_ _Display images / photos_ +- [lightGallery](https://github.com/sachinchoolur/lightGallery) - [demo](https://www.lightgalleryjs.com/) - [docs](https://www.lightgalleryjs.com/docs/react/) - Full-featured lightbox gallery component. - [react-compare-image](https://github.com/junkboy0315/react-compare-image) - [demo](https://react-compare-image.yuuniworks.com/) - React component to compare two images using a slider. - [react-image-gallery](https://github.com/xiaolin/react-image-gallery) - Responsive image gallery, carousel, image slider react component. - [react-image-lightbox](https://github.com/fritz-c/react-image-lightbox) - React lightbox component. -- [react-images](https://github.com/jossmac/react-images) - A simple lightbox component for displaying an array of images. - [react-intense](https://github.com/brycedorn/react-intense) - A React component for viewing large images up close. - [react-photo-gallery](https://github.com/neptunian/react-photo-gallery) - Responsive React Photo Gallery. - [react-svg-pan-zoom](https://github.com/chrvadala/react-svg-pan-zoom) - A React component that adds pan and zoom features to SVG. From 0405afd1d4ffd79f1777b4a1316527b6a097ff80 Mon Sep 17 00:00:00 2001 From: Daniel Schmidt <3764345+thebuilder@users.noreply.github.com> Date: Mon, 31 May 2021 23:38:39 +0200 Subject: [PATCH 216/373] Add react-intersection-observer Also remove [belle](https://github.com/nikgraf/belle) since it's a dead UI project that hasn't been updated in 4 years. --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 5f67b1e..2606df4 100644 --- a/README.md +++ b/README.md @@ -687,6 +687,7 @@ _Report computed styles_ _Report when a component becomes visible/hidden_ +- [react-intersection-observer](https://github.com/thebuilder/react-intersection-observer) - React implementation of the Intersection Observer API. - [react-visibility-sensor](https://github.com/joshwnj/react-visibility-sensor) - Sensor component. - [react-waypoint](https://github.com/brigade/react-waypoint) - A React component to execute a function whenever you scroll to an element. From bfca4458b21998314f9804269ba58cea8fb0397e Mon Sep 17 00:00:00 2001 From: Daniel Schmidt <3764345+thebuilder@users.noreply.github.com> Date: Mon, 31 May 2021 23:39:22 +0200 Subject: [PATCH 217/373] Remove belle --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 2606df4..c83a9e4 100644 --- a/README.md +++ b/README.md @@ -625,7 +625,6 @@ _Set of components + responsive layout system_ - 🚀 [ant-design](https://github.com/ant-design/ant-design) - [demo/docs](https://ant.design/docs/react/introduce) - A UI Design Language from China. Individual [components](http://react-component.github.io/) available. - [atlaskit](https://atlaskit.atlassian.com/packages) - Atlassian's official UI library, with components from _badge_ to _tree table_. - [base web](https://baseweb.design) - Base Web is a foundation for initiating, evolving, and unifying web products. -- [belle](https://github.com/nikgraf/belle) - Configurable React Components with great UX. - [carbon](https://github.com/carbon-design-system/carbon) - [demo/docs](https://www.carbondesignsystem.com/) - A design system built by IBM. - [chakra-ui](https://github.com/chakra-ui/chakra-ui) - [demo/docs](https://chakra-ui.com) - Simple, Modular & Accessible UI Components for your React Applications. - [evergreen](https://github.com/segmentio/evergreen) - [demo/docs](https://evergreen.segment.com) - Evergreen React UI Framework by Segment. From 4ad2b7f087a42ff9cd2ddff0fb56835db1ad2d32 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B0=8F=E5=BC=9F=E8=B0=83=E8=B0=83=E2=84=A2?= <kennyiseeyou@gmail.com> Date: Fri, 4 Jun 2021 22:59:36 +0800 Subject: [PATCH 218/373] Add react-md-editor --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index c83a9e4..64eab5a 100644 --- a/README.md +++ b/README.md @@ -540,6 +540,7 @@ _Let the user define an order on a list_ - [react-markdown-editor](https://github.com/jrm2k6/react-markdown-editor) - A markdown editor using React/Reflux. - [react-md-editor](https://github.com/JedWatson/react-md-editor) - Markdown editor. +- [react-md-editor](https://github.com/JedWatson/react-md-editor) - A simple markdown editor with preview, implemented with React.js and TypeScript. #### Image Editing From 4d408254b55330fd7eb511d672812c63c92dce1e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B0=8F=E5=BC=9F=E8=B0=83=E8=B0=83=E2=84=A2?= <kennyiseeyou@gmail.com> Date: Sat, 5 Jun 2021 00:57:56 +0800 Subject: [PATCH 219/373] Add react-heat-map --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 64eab5a..9a3fd15 100644 --- a/README.md +++ b/README.md @@ -361,6 +361,7 @@ _Sketch input using Canvas or SVG_ - [react-konva](https://github.com/konvajs/react-konva) - React Konva is a JavaScript library for drawing complex canvas graphics with bindings to the Konva Framework. - [react-sketch](https://github.com/tbolis/react-sketch) - A Sketch tool for React based applications, backed-up by FabricJS - [react-sketch-canvas](https://github.com/vinothpandian/react-sketch-canvas) - [Demo](https://vinoth.info/react-sketch-canvas/?path=/story/*) Freehand vector drawing tool for React using SVG as canvas. Accepts input from Mouse, touch, and graphic tablets +- [react-heat-map](https://github.com/uiwjs/react-heat-map) - A lightweight calendar heatmap react component built on SVG, customizable version of GitHub's contribution graph. ### Miscellaneous From 8164e211ffc99adeb78a0fe4bed2c1aa3a559094 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B0=8F=E5=BC=9F=E8=B0=83=E8=B0=83=E2=84=A2?= <kennyiseeyou@gmail.com> Date: Sat, 5 Jun 2021 09:57:32 +0800 Subject: [PATCH 220/373] Add react-monacoeditor --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 9a3fd15..e7e94c7 100644 --- a/README.md +++ b/README.md @@ -531,6 +531,7 @@ _Let the user define an order on a list_ - [react-draft-wysiwyg](https://github.com/jpuri/react-draft-wysiwyg) - WYSIWYG editor build on top of [DraftJS](https://draftjs.org/). - [react-editor](https://github.com/fritx/react-editor) - Simple richtext editor that can insert images and HTML. - [react-medium-editor](https://github.com/wangzuo/react-medium-editor) - medium-editor wrapper. +- [react-monacoeditor](https://github.com/jaywcjlove/react-monacoeditor) - Monaco Editor component for React. - [react-quill](https://github.com/zenoamaro/react-quill) - Quill wrapper. - [react-trumbowyg](https://github.com/RD17/react-trumbowyg) - [Trumbowyg](https://alex-d.github.io/Trumbowyg/) wrapper. - [remirror](https://github.com/remirror/remirror) - [demo](https://remirror.io/playground) - [docs](https://remirror.io/docs) - ProseMirror toolkit for React. From bf3c11d720ed25fa2b4e1c34d156306a68db92bc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B0=8F=E5=BC=9F=E8=B0=83=E8=B0=83=E2=84=A2?= <kennyiseeyou@gmail.com> Date: Sat, 5 Jun 2021 12:07:39 +0800 Subject: [PATCH 221/373] Add react-codemirror --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index e7e94c7..a68f1a6 100644 --- a/README.md +++ b/README.md @@ -526,7 +526,7 @@ _Let the user define an order on a list_ - [edtr-io](https://github.com/edtr-io/edtr-io) - [demo](https://edtr.io/) - [docs](https://edtr.io/docs/getting-started) - WYSIWYG in-line web editor with plugins. - [megadraft](https://github.com/globocom/megadraft) - Rich Text editor built on top of draft.js. - [react-ace](https://github.com/securingsincity/react-ace) - Ace (Advanced Code Editor) wraper. -- [react-codemirror](https://github.com/JedWatson/react-codemirror) - CodeMirror wrapper. +- [react-codemirror](https://github.com/uiwjs/react-codemirror) - [demo](https://uiwjs.github.io/react-codemirror/) - CodeMirror component for React. - [react-contenteditable](https://github.com/lovasoa/react-contenteditable) - React component for a div with editable contents. - [react-draft-wysiwyg](https://github.com/jpuri/react-draft-wysiwyg) - WYSIWYG editor build on top of [DraftJS](https://draftjs.org/). - [react-editor](https://github.com/fritx/react-editor) - Simple richtext editor that can insert images and HTML. From 16547084daebcb24170bf45d099f116ebfe0665c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B0=8F=E5=BC=9F=E8=B0=83=E8=B0=83=E2=84=A2?= <kennyiseeyou@gmail.com> Date: Sun, 6 Jun 2021 12:35:01 +0800 Subject: [PATCH 222/373] Add react-avatar-generator --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index a68f1a6..f86ef6d 100644 --- a/README.md +++ b/README.md @@ -550,6 +550,7 @@ _Image manipulation_ - [react-avatar-cropper](https://github.com/DropsOfSerenity/react-avatar-cropper) - Aiming to be a complete solution for avatar cropping in react. - [react-avatar-editor](https://github.com/mosch/react-avatar-editor) - Facebook-like, avatar / profile picture component. +- [react-avatar-generator](https://github.com/JosephSmith127/react-avatar-generator) - Generate fun kaleidoscope for user avatars. - [react-easy-crop](https://github.com/ricardo-ch/react-easy-crop) - Component to crop/rotate images/videos with easy interactions. Touch friendly. - [react-image-crop](https://github.com/DominicTobias/react-image-crop) - A responsive image cropping tool for React. - [react-image-cropper](https://github.com/jerryshew/react-image-cropper) - Image cropper. From d6544c7936b190ce281d45f08bb192b69f7ab312 Mon Sep 17 00:00:00 2001 From: Mc <daorenmc@gmail.com> Date: Tue, 8 Jun 2021 16:15:20 +0800 Subject: [PATCH 223/373] Add react-simplemde-editor --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index f86ef6d..2502b8f 100644 --- a/README.md +++ b/README.md @@ -540,6 +540,7 @@ _Let the user define an order on a list_ #### Markdown Editor +- [react-simplemde-editor](https://github.com/RIP21/react-simplemde-editor) - React component wrapper for [EasyMDE (the most fresh SimpleMDE fork)](https://github.com/Ionaru/easy-markdown-editor). - [react-markdown-editor](https://github.com/jrm2k6/react-markdown-editor) - A markdown editor using React/Reflux. - [react-md-editor](https://github.com/JedWatson/react-md-editor) - Markdown editor. - [react-md-editor](https://github.com/JedWatson/react-md-editor) - A simple markdown editor with preview, implemented with React.js and TypeScript. From 77deb3a4c3913cbb7719a85b84ab3a82d7f54904 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B0=8F=E5=BC=9F=E8=B0=83=E8=B0=83=E2=84=A2?= <kennyiseeyou@gmail.com> Date: Thu, 10 Jun 2021 11:20:03 +0800 Subject: [PATCH 224/373] Fix react-md-editor url errors. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index f86ef6d..e8b1572 100644 --- a/README.md +++ b/README.md @@ -542,7 +542,7 @@ _Let the user define an order on a list_ - [react-markdown-editor](https://github.com/jrm2k6/react-markdown-editor) - A markdown editor using React/Reflux. - [react-md-editor](https://github.com/JedWatson/react-md-editor) - Markdown editor. -- [react-md-editor](https://github.com/JedWatson/react-md-editor) - A simple markdown editor with preview, implemented with React.js and TypeScript. +- [react-md-editor](https://github.com/uiwjs/react-md-editor) - A simple markdown editor with preview, implemented with React.js and TypeScript. #### Image Editing From 5451d8701b75ab19fbbdf437818bfa96234c3b2d Mon Sep 17 00:00:00 2001 From: Eli$ <me@elis.cc> Date: Mon, 21 Jun 2021 01:02:21 +0200 Subject: [PATCH 225/373] Add Elementz Table & Elementz Loading A new promising React UI library I've been working on (https://github.com/elementz-ui/elementz) Remove autoresponsive-react because it's not a Table and it's included twice. Remove react-progress-label because it's outdated. --- README.md | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 2d5e643..2c08ed4 100644 --- a/README.md +++ b/README.md @@ -138,8 +138,8 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- ### Table -- [autoresponsive-react](https://github.com/xudafeng/autoresponsive-react) - Auto Responsive Layout Library For React. -- [ka-table](https://github.com/komarovalexander/ka-table) - [demo](https://komarovalexander.github.io/ka-table/#/overview) - Customizable table component with sorting, filtering, grouping, virtualization, editing etc. 🆕 +- [Elementz Table](https://elementz.style/#!/Table) - A modern and easy-to-use table packed with all neccessary features, responsive, infinite scrolling & more. 🆕 +- [ka-table](https://github.com/komarovalexander/ka-table) - [demo](https://komarovalexander.github.io/ka-table/#/overview) - Customizable table component with sorting, filtering, grouping, virtualization, editing etc. - [material-table](https://github.com/mbrn/material-table) - [demo/docs](https://material-table.com/) - Built on Material UI, plus: grouping, tree data, expandable rows, export, inline editing - [mui-datatables](https://github.com/gregnb/mui-datatables) - Built on Material-UI. Search, styling, filtering, resize/hide columns, export, print, select/expand rows. - [react-data-table](https://github.com/jbetancur/react-data-table-component) - [demo/docs](https://jbetancur.github.io/react-data-table-component/?) - accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination @@ -211,12 +211,11 @@ _Fixed headers / scroll-up headers / sticky elements_ - [react-tabtab](https://github.com/ctxhou/react-tabtab) - React, tabs. ### Loader - _Loaders / spinners / progress bars — Let the user know that something is loading_ -- [react-block-ui](https://github.com/availity/react-block-ui) - Easy way to block the user from interacting with your UI. +- [Elementz Loading](https://elementz.style/#!/Loading) - Loading Skeleton wrapper with zero configuration (Like Facebook's cards) 🆕 - [react-loader](https://github.com/TheCognizantFoundry/react-loader) - React component that displays a spinner via spin.js until your component is loaded. -- [react-progress-label](https://github.com/wangzuo/react-progress-label) - Progress label component. +- [react-block-ui](https://github.com/availity/react-block-ui) - Easy way to block the user from interacting with your UI. - [react-redux-loading-bar](https://github.com/mironov/react-redux-loading-bar) - Simple Loading Bar for Redux and React. - [react-spinners-css](https://github.com/JoshK2/react-spinners-css) - Amazing collection of react spinners components. - [react-spinners](https://github.com/davidhu2000/react-spinners) - A collection of loading spinner components for react. @@ -235,7 +234,6 @@ _Loaders / spinners / progress bars — Let the user know that something is load - [react-image-magnify](https://github.com/ethanselzer/react-image-magnify) - [demo](https://ethanselzer.github.io/react-image-magnify/#/external) - Responsive React image carousel zoom component for touch and mouse. Designed for shopping site product detail ### Buttons - - [react-awesome-button](https://github.com/rcaferati/react-awesome-button) - [demo](https://caferati.me/demo/react-awesome-button) - 3D animated 60fps buttons with load progress and social share actions. - [reactive-button](https://github.com/arifszn/reactive-button) - [demo](https://arifszn.github.io/reactive-button/docs/playground) - [docs](https://arifszn.github.io/reactive-button) - A beautiful animated button component with progress indicator. From af53f7b70901ed4d9d3dcb6b68c306fec45dcafd Mon Sep 17 00:00:00 2001 From: Eli$ <github@elis.cc> Date: Mon, 21 Jun 2021 21:26:31 +0200 Subject: [PATCH 226/373] Add Github Link --- README.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/README.md b/README.md index 2c08ed4..725a71a 100644 --- a/README.md +++ b/README.md @@ -138,7 +138,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- ### Table -- [Elementz Table](https://elementz.style/#!/Table) - A modern and easy-to-use table packed with all neccessary features, responsive, infinite scrolling & more. 🆕 +- [Elementz Table](https://github.com/elementz-ui/elementz) - [demo/docs](https://elementz.style/#!/Table) - A modern and easy-to-use table packed with all neccessary features, responsive, infinite scrolling & more. 🆕 - [ka-table](https://github.com/komarovalexander/ka-table) - [demo](https://komarovalexander.github.io/ka-table/#/overview) - Customizable table component with sorting, filtering, grouping, virtualization, editing etc. - [material-table](https://github.com/mbrn/material-table) - [demo/docs](https://material-table.com/) - Built on Material UI, plus: grouping, tree data, expandable rows, export, inline editing - [mui-datatables](https://github.com/gregnb/mui-datatables) - Built on Material-UI. Search, styling, filtering, resize/hide columns, export, print, select/expand rows. @@ -213,7 +213,6 @@ _Fixed headers / scroll-up headers / sticky elements_ ### Loader _Loaders / spinners / progress bars — Let the user know that something is loading_ -- [Elementz Loading](https://elementz.style/#!/Loading) - Loading Skeleton wrapper with zero configuration (Like Facebook's cards) 🆕 - [react-loader](https://github.com/TheCognizantFoundry/react-loader) - React component that displays a spinner via spin.js until your component is loaded. - [react-block-ui](https://github.com/availity/react-block-ui) - Easy way to block the user from interacting with your UI. - [react-redux-loading-bar](https://github.com/mironov/react-redux-loading-bar) - Simple Loading Bar for Redux and React. From 1403d11a4a2ff46c6b1fbff3ab0b9619cf4b14f0 Mon Sep 17 00:00:00 2001 From: bluepeter <petertheyeti@gmail.com> Date: Sat, 26 Jun 2021 15:52:57 -0700 Subject: [PATCH 227/373] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 725a71a..f607fa6 100644 --- a/README.md +++ b/README.md @@ -1019,6 +1019,7 @@ _Internationalization / L10n / localization / translation_ - [jsonx](https://github.com/repetere/jsonx) - React JSON Syntax. - [mozaik](https://github.com/plouc/mozaik) - Mozaïk is a tool based on nodejs / react / d3 / stylus to easily craft beautiful dashboards. - [react-blessed](https://github.com/Yomguithereal/react-blessed) - A react renderer for blessed. +- [jsondiffpatch-react](https://github.com/bluepeter/jsondiffpatch-react) - JSON diffing. ### Static Website Generator From cdf72ffaa96df32c4f02fc47db85e1c6a4882130 Mon Sep 17 00:00:00 2001 From: fakundo <fakundo.roman@gmail.com> Date: Thu, 1 Jul 2021 13:20:35 +0500 Subject: [PATCH 228/373] Add react-localized --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index f607fa6..c895fc5 100644 --- a/README.md +++ b/README.md @@ -907,6 +907,7 @@ _Internationalization / L10n / localization / translation_ - [react-i18next](https://github.com/i18next/react-i18next) - Internationalization for react done right. Using the i18next i18n ecosystem. - [react-intl](https://github.com/yahoo/react-intl) - Internationalize React apps. +- [react-localized](https://github.com/fakundo/react-localized) - Internationalization for React components based on `gettext` format. - [react-translate-maker](https://github.com/CherryProjects/react-translate-maker) - Universal internationalization (i18n) open source library for React. - [react-intl-universal](https://github.com/alibaba/react-intl-universal) - [demo](https://g.alicdn.com/alishu/common/0.0.95/intl-example/index.html) Internationalize React apps. Not only for React.Component but also for Vanilla JS. - [js-lingui](https://github.com/lingui/js-lingui) - [docs](https://lingui.js.org) – A readable, automated, and optimized (5 kb) internationalization for JavaScript. From 75f112afe07899e4948b855e9269c8e9c9310ee2 Mon Sep 17 00:00:00 2001 From: Lukas Bach <lukasbach@users.noreply.github.com> Date: Thu, 15 Jul 2021 15:56:29 +0200 Subject: [PATCH 229/373] Add react-complex-tree --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index c895fc5..e6fb913 100644 --- a/README.md +++ b/README.md @@ -272,6 +272,7 @@ _Display data in charts / graphs / diagrams_ _Display a tree data structure_ +- [react-complex-tree](https://github.com/lukasbach/react-complex-tree) - [demo](https://rct.lukasbach.com/) - [docs](https://rct.lukasbach.com/docs/getstarted) - Unopinionated Accessible Tree Component with Multi-Select, Drag-And-Drop and Search - [react-treebeard](https://github.com/alexcurtis/react-treebeard) - React Tree View Component. Data-Driven, Fast, Efficient and Customisable. - [react-treeview](https://github.com/chenglou/react-treeview) - Easy, light, flexible tree view made with React. @@ -833,7 +834,6 @@ _Component properties asynchronously fetched over the network_ - [aesthetic](https://github.com/milesj/aesthetic) - A powerful type-safe, framework agnostic, CSS-in-JS library for styling components, whether it be plain objects, importing stylesheets, or simply referencing external class names. - [aphrodite](https://github.com/Khan/aphrodite) - It's inline styles, but they work!. -- [classnames](https://github.com/JedWatson/classnames) - A simple javascript utility for conditionally joining classNames together. - [inline-style-prefixer](https://github.com/rofrischmann/inline-style-prefixer) - Run-time Autoprefixer for Inline Style Objects. - [paperclip](https://paperclip.dev) - [docs](https://paperclip.dev/docs/) - Build UI primitivites with plain HTML & CSS. - [radium](https://github.com/FormidableLabs/radium) - A set of tools to manage inline styles on React elements. From 256aa7daa2e9f35b243f66356bb0797886681567 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B0=8F=E5=BC=9F=E8=B0=83=E8=B0=83=E2=84=A2?= <kennyiseeyou@gmail.com> Date: Tue, 20 Jul 2021 17:31:25 +0800 Subject: [PATCH 230/373] Add react-color --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index e8b1572..819e5df 100644 --- a/README.md +++ b/README.md @@ -452,7 +452,7 @@ _Autosuggest / autocomplete / typeahead_ #### Color Picker - [coloreact](https://github.com/elrumordelaluz/coloreact) - A tiny Color Picker for React. -- [react-color](https://github.com/casesandberg/react-color) - Color Pickers from Sketch, Photoshop, Chrome & more. +- [react-color](https://github.com/uiwjs/react-color) - Is a tiny color picker widget component for React apps. - [react-colorful](https://github.com/omgovich/react-colorful) - A tiny (2,5 KB), dependency-free, fast and accessible color picker component. - [react-input-color](https://github.com/wangzuo/react-input-color) - React input color component with hsv color picker. From 35538b358d561d7d1a6eddd8c9bb3f604277705d Mon Sep 17 00:00:00 2001 From: Vitaly Rtishchev <rtivital@gmail.com> Date: Mon, 9 Aug 2021 17:58:46 +0300 Subject: [PATCH 231/373] Add Mantine --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index dc498fd..f45865e 100644 --- a/README.md +++ b/README.md @@ -647,6 +647,7 @@ _Set of components + responsive layout system_ - [semantic-ui-react](https://github.com/Semantic-Org/Semantic-UI-React) - The official Semantic-UI-React integration. - [shineout](https://github.com/sheinsight/shineout) - [demo](https://shine.wiki/1.4.x/en/components/GetStart) - Chinese-friendly set of components: form elements, navigation, table, tree, tree select drop-down etc. - [ChatUI](https://github.com/alibaba/ChatUI) - [demo/docs](https://chatui.io/) - The UI design language and React library for Conversational UI +- [Mantine](https://github.com/mantinedev/mantine) - [demo/docs](https://mantine.dev/) - A fully featured library with 100+ hooks and components with native dark theme support #### Material Design From 71527d3d210794208fc54b2de155ec1c1cd7ade6 Mon Sep 17 00:00:00 2001 From: Mikael Finstad <finstaden@gmail.com> Date: Sun, 22 Aug 2021 21:19:09 +0700 Subject: [PATCH 232/373] Update README.md --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index f45865e..f99092b 100644 --- a/README.md +++ b/README.md @@ -634,7 +634,6 @@ _Set of components + responsive layout system_ - [fluent-ui](https://github.com/fluent-org/fluent-ui) - [demo/docs](https://fluent-ui.com/) - 🌈 React components that inspired by Microsoft's Fluent Design System. - [grommet](https://github.com/grommet/grommet) - The most advanced UX framework for enterprise applications. - [gestalt](https://github.com/pinterest/gestalt) - [demo/docs](https://pinterest.github.io/gestalt/#/) - A set of components that supports Pinterest’s design language. -- [insites-ui](https://github.com/insites-co/insites-ui) - Modern, opinionated, minimal, yet powerful React components library, powered by Styled Components. - [office-ui-fabric-react](https://github.com/OfficeDev/office-ui-fabric-react) - React components for building Microsoft web experiences. - [orbit-components](https://github.com/kiwicom/orbit-components/) - Components for building travel oriented projects. - [pivotal-ui-react](https://github.com/pivotal-cf/pivotal-ui) - React components based on a custom version of the Bootstrap library. From 1e3b9b24e6f83f407e250407d2c42c4a4a5c749b Mon Sep 17 00:00:00 2001 From: APPLE <ovuobasampson@gmail.com> Date: Tue, 24 Aug 2021 09:58:23 +0100 Subject: [PATCH 233/373] added cdbreact --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index f99092b..87323b7 100644 --- a/README.md +++ b/README.md @@ -629,6 +629,7 @@ _Set of components + responsive layout system_ - [atlaskit](https://atlaskit.atlassian.com/packages) - Atlassian's official UI library, with components from _badge_ to _tree table_. - [base web](https://baseweb.design) - Base Web is a foundation for initiating, evolving, and unifying web products. - [carbon](https://github.com/carbon-design-system/carbon) - [demo/docs](https://www.carbondesignsystem.com/) - A design system built by IBM. +- [cdbreact](https://github.com/Devwares-Team/cdbreact) - [demo](https://www.devwares.com/product/contrast) - [docs](https://www.devwares.com/docs/contrast/react/index) - Elegant UI Kit library and reusable components for building mobile-first, responsive webistes and web apps. - [chakra-ui](https://github.com/chakra-ui/chakra-ui) - [demo/docs](https://chakra-ui.com) - Simple, Modular & Accessible UI Components for your React Applications. - [evergreen](https://github.com/segmentio/evergreen) - [demo/docs](https://evergreen.segment.com) - Evergreen React UI Framework by Segment. - [fluent-ui](https://github.com/fluent-org/fluent-ui) - [demo/docs](https://fluent-ui.com/) - 🌈 React components that inspired by Microsoft's Fluent Design System. From 5134ebb549e372ff94fa0e586b1467d64273d597 Mon Sep 17 00:00:00 2001 From: APPLE <ovuobasampson@gmail.com> Date: Wed, 25 Aug 2021 10:59:54 +0100 Subject: [PATCH 234/373] fixed typo --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 87323b7..6d2515f 100644 --- a/README.md +++ b/README.md @@ -629,7 +629,7 @@ _Set of components + responsive layout system_ - [atlaskit](https://atlaskit.atlassian.com/packages) - Atlassian's official UI library, with components from _badge_ to _tree table_. - [base web](https://baseweb.design) - Base Web is a foundation for initiating, evolving, and unifying web products. - [carbon](https://github.com/carbon-design-system/carbon) - [demo/docs](https://www.carbondesignsystem.com/) - A design system built by IBM. -- [cdbreact](https://github.com/Devwares-Team/cdbreact) - [demo](https://www.devwares.com/product/contrast) - [docs](https://www.devwares.com/docs/contrast/react/index) - Elegant UI Kit library and reusable components for building mobile-first, responsive webistes and web apps. +- [cdbreact](https://github.com/Devwares-Team/cdbreact) - [demo](https://www.devwares.com/product/contrast) - [docs](https://www.devwares.com/docs/contrast/react/index) - Elegant UI Kit library and reusable components for building mobile-first, responsive websites and web apps. - [chakra-ui](https://github.com/chakra-ui/chakra-ui) - [demo/docs](https://chakra-ui.com) - Simple, Modular & Accessible UI Components for your React Applications. - [evergreen](https://github.com/segmentio/evergreen) - [demo/docs](https://evergreen.segment.com) - Evergreen React UI Framework by Segment. - [fluent-ui](https://github.com/fluent-org/fluent-ui) - [demo/docs](https://fluent-ui.com/) - 🌈 React components that inspired by Microsoft's Fluent Design System. From 168a3ba09f1ef137fbcc1853c17e088b8c6d11b1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=96mer=20Faruk=20APLAK?= <omer@pankod.com> Date: Wed, 22 Sep 2021 09:15:20 +0300 Subject: [PATCH 235/373] Add refine --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 6d2515f..59b49a6 100644 --- a/README.md +++ b/README.md @@ -677,6 +677,7 @@ _Set of components + responsive layout system_ - [aframe-react](https://github.com/ngokevin/aframe-react) - Build virtual reality experiences with A-Frame and React. - [react-admin](https://github.com/marmelab/react-admin) - Build admin user experiences on top of REST and GraphQL services. - [react-desktop](https://github.com/gabrielbull/react-desktop) - React UI Components for macOS Sierra and Windows 10. +- [refine](https://github.com/marmelab/react-admin) - [demo](https://example.refine.dev/) - [docs](https://refine.dev/docs) - Refine offers lots of out-of-the box functionality for rapid development, without compromising extreme customizability. It ships with Ant Design System, an enterprise-level UI toolkit. - [matrix-card](https://github.com/MehmetKaplan/matrix-card) - [demo](https://mehmetkaplan.github.io/matrix-card/) - Simplest possible component to generate matrix rain style cards. - [rsuite](https://github.com/rsuite/rsuite) - [demo/docs](https://rsuitejs.com/) - Suite of components for "enterprise system products". From b75dc6b33c746fae9979e5ebde89659bc044254b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=96mer=20Faruk=20APLAK?= <omer@pankod.com> Date: Wed, 22 Sep 2021 09:18:23 +0300 Subject: [PATCH 236/373] Add refine --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 59b49a6..3c4a3fd 100644 --- a/README.md +++ b/README.md @@ -677,7 +677,7 @@ _Set of components + responsive layout system_ - [aframe-react](https://github.com/ngokevin/aframe-react) - Build virtual reality experiences with A-Frame and React. - [react-admin](https://github.com/marmelab/react-admin) - Build admin user experiences on top of REST and GraphQL services. - [react-desktop](https://github.com/gabrielbull/react-desktop) - React UI Components for macOS Sierra and Windows 10. -- [refine](https://github.com/marmelab/react-admin) - [demo](https://example.refine.dev/) - [docs](https://refine.dev/docs) - Refine offers lots of out-of-the box functionality for rapid development, without compromising extreme customizability. It ships with Ant Design System, an enterprise-level UI toolkit. +- [refine](https://github.com/pankod/refine) - [demo](https://example.refine.dev) - [docs](https://refine.dev/docs) - Build data-intensive applications in no time. It ships with Ant Design System, an enterprise-level UI toolkit. - [matrix-card](https://github.com/MehmetKaplan/matrix-card) - [demo](https://mehmetkaplan.github.io/matrix-card/) - Simplest possible component to generate matrix rain style cards. - [rsuite](https://github.com/rsuite/rsuite) - [demo/docs](https://rsuitejs.com/) - Suite of components for "enterprise system products". From 09938515b26a18d1ca55c3a2d78dad2803aa6b46 Mon Sep 17 00:00:00 2001 From: arvindkumar_ts <arvindkumar@crayondata.com> Date: Fri, 1 Oct 2021 23:50:57 +0530 Subject: [PATCH 237/373] removing un-awesome issue#289 --- README.md | 3 --- 1 file changed, 3 deletions(-) diff --git a/README.md b/README.md index 3c4a3fd..683e0db 100644 --- a/README.md +++ b/README.md @@ -827,10 +827,7 @@ _Component properties asynchronously fetched over the network_ - [adrenaline](https://github.com/gyzerok/adrenaline) - Simple Relay alternative. - [apollo-client](https://github.com/apollostack/apollo-client) - A simple caching client for any GraphQL server and UI framework. -- [cerebral-module-http](https://github.com/cerebral/cerebral-module-http) - HTTP module for Cerebral. -- [react-apollo](https://github.com/apollostack/react-apollo) - React data container for the Apollo Client. - [react-relay](https://github.com/facebook/relay) - Relay is a JavaScript framework for building data-driven React applications. -- [react-transmit](https://github.com/RickWong/react-transmit) - Relay-inspired library based on Promises instead of GraphQL. ### CSS / Style From 3d903fd5ba076989cdb6a3548a6227606c99609f Mon Sep 17 00:00:00 2001 From: Nilanth <nilaanth@gmail.com> Date: Wed, 13 Oct 2021 21:47:19 +0530 Subject: [PATCH 238/373] Added Redux Auth Starter Template --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 683e0db..9f0b667 100644 --- a/README.md +++ b/README.md @@ -862,6 +862,7 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [create-react-app](https://github.com/facebookincubator/create-react-app) - Create React apps with no build configuration. - [crisp-react](https://github.com/winwiz1/crisp-react) - Express integration in TypeScript with support for multiple SPAs and pitfall avoidance. +- [cra-template-redux-auth-starter](https://github.com/Nilanth/cra-template-redux-auth-starter) - A Redux auth starter boilerplate for CRA. - [electron-react-boilerplate](https://github.com/chentsulin/electron-react-boilerplate) - Live editing development on desktop app. - [essential-react](https://github.com/pheuter/essential-react) - A minimal skeleton for building testable React apps using Babel. - [generator-react-webpack](https://github.com/react-webpack-generators/generator-react-webpack) - Yeoman generator for ReactJS and Webpack. From 006c10fece4743399066dfb0c449784a49d5ff7a Mon Sep 17 00:00:00 2001 From: Nilanth <nilaanth@gmail.com> Date: Wed, 13 Oct 2021 22:05:02 +0530 Subject: [PATCH 239/373] Added react-slack-notification --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 683e0db..0f096de 100644 --- a/README.md +++ b/README.md @@ -937,6 +937,7 @@ _Internationalization / L10n / localization / translation_ - [react-recaptcha](https://github.com/appleboy/react-recaptcha) - A react.js reCAPTCHA for Google. - [react-stripe-checkout](https://github.com/azmenak/react-stripe-checkout) - Load stripe's checkout.js as a react component. Easiest way to use checkout with React. - [redux-segment](https://github.com/rangle/redux-segment) - Segment.io analytics integration for redux. +- [react-slack-notification](https://github.com/Nilanth/react-slack-notification) - Send messages and error logs to a Slack channel directly. ## Performance From dbef2ac7f6425c5c1fcaf5d6b9bf05a785e59790 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=9F=B3=E5=98=89?= <shijia.me@bytedance.com> Date: Tue, 26 Oct 2021 15:49:21 +0800 Subject: [PATCH 240/373] docs: add a beautiful UI framework named Semi Design --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 910ed86..d61589f 100644 --- a/README.md +++ b/README.md @@ -648,6 +648,7 @@ _Set of components + responsive layout system_ - [shineout](https://github.com/sheinsight/shineout) - [demo](https://shine.wiki/1.4.x/en/components/GetStart) - Chinese-friendly set of components: form elements, navigation, table, tree, tree select drop-down etc. - [ChatUI](https://github.com/alibaba/ChatUI) - [demo/docs](https://chatui.io/) - The UI design language and React library for Conversational UI - [Mantine](https://github.com/mantinedev/mantine) - [demo/docs](https://mantine.dev/) - A fully featured library with 100+ hooks and components with native dark theme support +- [semi-design](https://github.com/DouyinFE/semi-design) - [demo/docs](https://semi.design/) - A modern, comprehensive, flexible design system that gives you all modular blocks you need to build sensible web apps & SaaS products. #### Material Design From 7048bb560b7ef58757ba794d193864002565355d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Aykut=20Karda=C5=9F?= <aykutkrds@gmail.com> Date: Wed, 27 Oct 2021 17:13:25 +0300 Subject: [PATCH 241/373] Add react-icomoon to Icons --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index d61589f..e96d7bb 100644 --- a/README.md +++ b/README.md @@ -337,6 +337,7 @@ _Display icons / icon set / emojis_ - [iconify-react](https://github.com/iconify/iconify-react) - Over 40k icons from 50+ icon sets, including all popular icon and emoji sets. - [react-icons](https://github.com/gorangajic/react-icons) - Svg react icons of popular icon packs using ES6 imports. - [react-open-doodles](https://github.com/lunahq/react-open-doodles) - Awesome free illustrations as react components. +- [react-icomoon](https://github.com/aykutkardas/react-icomoon) - With react-icomoon you can easily use the icons you have selected or created in icomoon. ### Paginator From 77ff0e9bba38e30a1bd8e5cebbf0ebbd1e28ba64 Mon Sep 17 00:00:00 2001 From: Otto von Wesendonk <ottovonwesendonk@gmail.com> Date: Fri, 29 Oct 2021 18:11:18 +0200 Subject: [PATCH 242/373] Add zustand state management --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index e96d7bb..d89bd72 100644 --- a/README.md +++ b/README.md @@ -785,6 +785,7 @@ _Data flow / data management / data stores / components state / data flow_ - [reselect](https://github.com/reactjs/reselect) - Selector library for Redux. - [resourcerer](https://github.com/SiftScience/resourcerer) - Declarative data-fetching framework for REST APIs - [shasta](https://github.com/shastajs/shasta) - Dead simple + opinionated toolkit for building redux/react applications. +- [zustand](https://zustand.surge.sh/) - [docs](https://github.com/pmndrs/zustand) - A fast bearbones state-management solution using simplified flux principles and boilerplate-free hook api. ### Form Logic From 1ff970e5554a7d56d1750763130df90c8ad3f1f7 Mon Sep 17 00:00:00 2001 From: Johnathan Free Wortley <free@lunasec.io> Date: Fri, 29 Oct 2021 22:21:43 +0000 Subject: [PATCH 243/373] Add @lunasec/react-sdk to Input Types This removes 2 libraries that are no longer maintained. I left the "best" input masking library of the three, even though it also appears to be unmaintained. Thank you! --- README.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/README.md b/README.md index d89bd72..4ee3ad6 100644 --- a/README.md +++ b/README.md @@ -429,8 +429,7 @@ _Masked inputs, specialized inputs; email / telephone number / credit card / etc - [react-credit-cards](https://github.com/amarofashion/react-credit-cards) - Beautiful credit cards for your payment forms. - [react-payment-inputs](https://github.com/medipass/react-payment-inputs) - [demo](https://medipass.github.io/react-payment-inputs/?path=/story/usepaymentinputs--basic-no-styles) - A zero-dependency container to help with payment card input fields. - [react-input-mask](https://github.com/sanniassin/react-input-mask) - [demo](http://sanniassin.github.io/react-input-mask/demo.html) - Yet another react component for input masking. -- [react-maskedinput](https://github.com/insin/react-maskedinput) - Masked <input/> React component. -- [react-text-mask](https://github.com/msafi/text-mask) - Input mask for React, Angular, and vanilla JavaScript. Flexible, robust & tiny. +- [@lunasec/react-sdk](https://github.com/lunasec-io/lunasec) - [docs](https://www.lunasec.io/docs/) - Secure, hardened form components that encrypt/tokenize all data automatically. - [react-numpad](https://github.com/gpietro/react-numpad) - [demo](https://gpietro.github.io/react-numpad-demo/) - Extensible number pad control for numbers, dates and times. #### Autocomplete From bc2708815babee7736de8288044a5ba5ab9460a7 Mon Sep 17 00:00:00 2001 From: Rahul Rawat <rahul.rawat3@byjus.com> Date: Sun, 31 Oct 2021 08:42:13 +0530 Subject: [PATCH 244/373] fixed demo/doc link in af-virtual-scroll --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 4ee3ad6..c977635 100644 --- a/README.md +++ b/README.md @@ -155,7 +155,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [@egjs/react-infinitegrid](https://github.com/naver/egjs-infinitegrid/blob/master/packages/react-infinitegrid) - [npm](https://www.npmjs.com/package/@egjs/react-infinitegrid) - [demo](https://naver.github.io/egjs-infinitegrid/storybook/) - A module used to arrange card elements including content infinitely according to various layout types. - [react-lazyload](https://github.com/jasonslyvia/react-lazyload) - Lazyload your Component, Image or anything matters the performance. - [react-list](https://github.com/orgsync/react-list) - A versatile infinite scroll React component. -- [af-virtual-scroll](https://github.com/nowaalex/af-virtual-scroll) - [demo](https://nowaalex.github.io/af-virtual-scroll/#/af-virtual-scroll/examples/list/variableRowHeights) - [docs](https://nowaalex.github.io/af-virtual-scroll/#/af-virtual-scroll/docs/list) - Render large scrollable lists and tables. +- [af-virtual-scroll](https://github.com/nowaalex/af-virtual-scroll) - [demo/docs](https://af-virtual-scroll.vercel.app/docs/why) - Render large scrollable lists and tables. - [react-window](https://github.com/bvaughn/react-window) - [demo](https://react-window.now.sh/) - React components for efficiently rendering large lists and tabular data ### Overlay From 8a457308074f056a7410bc63c1611e53f1f179b7 Mon Sep 17 00:00:00 2001 From: Norserium <norserium@yandex.ru> Date: Sun, 7 Nov 2021 10:04:57 +0300 Subject: [PATCH 245/373] Add react-advanced-cropper I've removed the link to `gluestick`, because it's archived now and the maintainers recommended to switch to NextJS instead. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index c977635..c53c251 100644 --- a/README.md +++ b/README.md @@ -553,6 +553,7 @@ _Image manipulation_ - [react-easy-crop](https://github.com/ricardo-ch/react-easy-crop) - Component to crop/rotate images/videos with easy interactions. Touch friendly. - [react-image-crop](https://github.com/DominicTobias/react-image-crop) - A responsive image cropping tool for React. - [react-image-cropper](https://github.com/jerryshew/react-image-cropper) - Image cropper. +- [react-advanced-cropper](https://github.com/Norserium/react-advanced-cropper) - A react cropper library to create the cropper exactly suited for your website design. #### Form Component Collections @@ -869,7 +870,6 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [essential-react](https://github.com/pheuter/essential-react) - A minimal skeleton for building testable React apps using Babel. - [generator-react-webpack](https://github.com/react-webpack-generators/generator-react-webpack) - Yeoman generator for ReactJS and Webpack. - [generator-starhackit](https://github.com/FredericHeem/starhackit) - Full-stack starter kit. -- [gluestick](https://github.com/TrueCar/gluestick) - GlueStick is a command line interface for quickly developing universal web apps. - [nwb](https://github.com/insin/nwb) - CLI tool and devDependency for React apps & components and npm modules. - [react-boilerplate](https://github.com/mxstbr/react-boilerplate) - Quick packager-agnostic boilerplate for React modules using JSX. - [react-hot-boilerplate](https://github.com/gaearon/react-hot-boilerplate) - Minimal live-editing boilerplate for your next ReactJS project. From 69f9092c243d93c5e36d4d90ea2af2dc64be8b0c Mon Sep 17 00:00:00 2001 From: tkwant <t.kwant1@gmail.com> Date: Fri, 12 Nov 2021 17:14:06 +0100 Subject: [PATCH 246/373] Add React stepper --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index c53c251..94a884d 100644 --- a/README.md +++ b/README.md @@ -346,6 +346,7 @@ _Display a control element to paginate_ - [react-paginate](https://github.com/AdeleD/react-paginate) - A ReactJS component that creates a pagination. - [react-laravel-paginex](https://github.com/lionix-team/react-laravel-paginex) - Laravel Pagination with ReactJS (customizable). - [paginated](https://github.com/makotot/paginated) - React render props & custom hook to build pagination. +- [react-steps](https://github.com/tkwant/react-steps) - [Demo](https://stepper.tkwant.de/) - Responsive React Stepper. ### Markdown Viewer From d53d0d06fee7e7717dada11ec51026f1027c98c9 Mon Sep 17 00:00:00 2001 From: Masih Jahangiri <35561271+masihjahangiri@users.noreply.github.com> Date: Sun, 14 Nov 2021 16:52:55 +0330 Subject: [PATCH 247/373] Add tiptap framework --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 94a884d..abaf106 100644 --- a/README.md +++ b/README.md @@ -536,6 +536,7 @@ _Let the user define an order on a list_ - [remirror](https://github.com/remirror/remirror) - [demo](https://remirror.io/playground) - [docs](https://remirror.io/docs) - ProseMirror toolkit for React. - [slate](https://github.com/ianstormtaylor/slate) - [demo](http://slatejs.org/) - [docs](https://docs.slatejs.org/) - A completely customizable framework for building rich text editors. - [smartblock](https://github.com/appleple/smartblock) - [demo](https://appleple.github.io/smartblock/) - [docs](https://appleple.github.io/smartblock/get-started) - Block based WYSIWYG editor based on ProseMirror. +- [tiptap](https://github.com/ueberdosis/tiptap) - [demo](https://tiptap.dev/) - [docs](https://tiptap.dev/introduction) - The headless editor framework for web artisans. #### Markdown Editor From 1b4386bcd72f76b627d2be2f522cec1ceb23ddc5 Mon Sep 17 00:00:00 2001 From: Aral Roca Gomez <aral-rg@hotmail.com> Date: Sun, 14 Nov 2021 16:24:41 +0100 Subject: [PATCH 248/373] Add teaful inside Data Store Teaful - Tiny, easy and powerful React state management https://github.com/teafuljs/teaful --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 94a884d..48ed02a 100644 --- a/README.md +++ b/README.md @@ -787,6 +787,7 @@ _Data flow / data management / data stores / components state / data flow_ - [resourcerer](https://github.com/SiftScience/resourcerer) - Declarative data-fetching framework for REST APIs - [shasta](https://github.com/shastajs/shasta) - Dead simple + opinionated toolkit for building redux/react applications. - [zustand](https://zustand.surge.sh/) - [docs](https://github.com/pmndrs/zustand) - A fast bearbones state-management solution using simplified flux principles and boilerplate-free hook api. +- [teaful](https://github.com/teafuljs/teaful) - Tiny, easy and powerful React state management ### Form Logic From 9440c9605e1c41e4cd68b86b38232ef83c633706 Mon Sep 17 00:00:00 2001 From: Umesh Kadam <umeshk149@gmail.com> Date: Tue, 23 Nov 2021 22:01:42 -0800 Subject: [PATCH 249/373] add react-schematic inside UI Layout add react-schematic inside UI Layout delete flexbox-react inside UI Layout --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 892ced8..35289fc 100644 --- a/README.md +++ b/README.md @@ -579,7 +579,6 @@ _Image manipulation_ _Components to layout the app's UI_ - [autoresponsive-react](https://github.com/xudafeng/autoresponsive-react) - Auto responsive grid layout library. -- [flexbox-react](https://github.com/nachoaIvarez/flexbox-react) Unopinionated, standard compliant flexbox components. - [golden-layout](https://github.com/deepstreamIO/golden-layout) - A multi-screen JavaScript Layout manager. - [hedron](https://github.com/JSBros/hedron) - A no-frills flexbox grid system, powered by styled-components. - [m-react-splitters](https://github.com/martinnov92/React-Splitters) - Splitter component, written in TypeScript. @@ -590,6 +589,7 @@ _Components to layout the app's UI_ - [react-spaces](https://github.com/aeagle/react-spaces) - [demo/docs](https://www.allaneagle.com/react-spaces/demo/) - Nestable anchored, resizable, scrollable components. - [react-stonecutter](https://github.com/dantrain/react-stonecutter) - Animated grid layout component. - [react-colrow](https://github.com/phphe/react-colrow) - Responsive grid layout components. Based on css flexbox. Support fraction width, auto grow. +- [react-schematic](https://github.com/umeshmk/react-schematic) - [demo](https://umeshmk.github.io/react-schematic) - Build responsive layouts using styled schematics without an overhead of any theme configuration ## UI Animation From 2c54b0633da1e70bf0d80f1bafa025739505a378 Mon Sep 17 00:00:00 2001 From: Yunwoo Ji <unu12073@gmail.com> Date: Fri, 26 Nov 2021 14:52:42 +0900 Subject: [PATCH 250/373] Add swiper --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 35289fc..5125972 100644 --- a/README.md +++ b/README.md @@ -231,6 +231,7 @@ _Loaders / spinners / progress bars — Let the user know that something is load - [react-slick](https://github.com/akiran/react-slick) - React carousel component. - [keen-slider](https://github.com/rcbyr/keen-slider) - [demo](https://keen-slider.io/examples/#examples) - Performant carousel/slider with native touch/swipe behavior. - [react-image-magnify](https://github.com/ethanselzer/react-image-magnify) - [demo](https://ethanselzer.github.io/react-image-magnify/#/external) - Responsive React image carousel zoom component for touch and mouse. Designed for shopping site product detail +- [swiper](https://github.com/nolimits4web/Swiper) - [demo](https://swiperjs.com/demos) - [docs](https://swiperjs.com/react) - The most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. ### Buttons - [react-awesome-button](https://github.com/rcaferati/react-awesome-button) - [demo](https://caferati.me/demo/react-awesome-button) - 3D animated 60fps buttons with load progress and social share actions. From c6d86a23cf9fd322ea2ad548b442f6984c5b8b61 Mon Sep 17 00:00:00 2001 From: Nathan Braun <n8tz.js@gmail.com> Date: Tue, 30 Nov 2021 08:23:32 +0100 Subject: [PATCH 251/373] Propose react-voodoo react-voodoo is an additive animation engine allowing complex android/iOs-like animations, rendering sliders on SSR, predictive inertia, multitouch, etc As far as I know, still no other JS animation engine allows these features with good performance. --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 5125972..731732c 100644 --- a/README.md +++ b/README.md @@ -616,6 +616,7 @@ _Animate transitions_ - [auto-size-transition](https://github.com/DualWield/auto-size-transition) - A component that scale dynamically according to the internal children size - [react-particles-bg](https://github.com/lindelof/particles-bg) - Particles backgrounds. - [gooey-react](https://github.com/luukdv/gooey-react) - [demo/docs](https://gooey-react.netlify.app/) - The gooey effect for React, used for shape blobbing / metaballs. +- [react-voodoo](https://github.com/react-voodoo/react-voodoo) - [demo/samples](https://github.com/react-voodoo/react-voodoo-samples) - Additive animation engine allowing complex android/iOs-like animations, rendering sliders on SSR, predictive inertia, multitouch, etc ### Parallax From a351fabbea80fd0cb379600fb59bb8a4e1954c9e Mon Sep 17 00:00:00 2001 From: Nathan Braun <n8tz.js@gmail.com> Date: Tue, 30 Nov 2021 08:39:25 +0100 Subject: [PATCH 252/373] remove React Magic Move ( last commit > 7years ) No commit since 7 years + probably not working with recent react versions --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 731732c..0d27001 100644 --- a/README.md +++ b/README.md @@ -601,7 +601,6 @@ _Animate transitions_ - [react-anime](https://github.com/stelatech/react-anime) - A super easy animation library. - [react-flip-move](https://github.com/joshwcomeau/react-flip-move) - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique. - [react-gsap-enhancer](https://github.com/azazdeaz/react-gsap-enhancer) - Use the full power of React and GSAP together. -- [react-magic-move](https://github.com/ryanflorence/react-magic-move) - MagicMove wrapper. - [react-tsparticles](https://github.com/matteobruni/tsparticles/blob/master/components/react/README.md) - A lightweight component to easily create interactive particles animations - [react-motion](https://github.com/chenglou/react-motion) - A spring that solves your animation problems. - [react-mt-svg-lines](https://github.com/moarwick/react-mt-svg-lines) - Wrapper to animate the line stroke in SVGs. From 2b808ddc5455ae1e13ded06447a29d6ea1f50e10 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=81ukasz=20Holeczek?= <lukasz@holeczek.pl> Date: Tue, 4 Jan 2022 15:33:02 +0100 Subject: [PATCH 253/373] Update README.md Add CoreUI for React --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 0d27001..43c4d09 100644 --- a/README.md +++ b/README.md @@ -635,6 +635,7 @@ _Set of components + responsive layout system_ - [carbon](https://github.com/carbon-design-system/carbon) - [demo/docs](https://www.carbondesignsystem.com/) - A design system built by IBM. - [cdbreact](https://github.com/Devwares-Team/cdbreact) - [demo](https://www.devwares.com/product/contrast) - [docs](https://www.devwares.com/docs/contrast/react/index) - Elegant UI Kit library and reusable components for building mobile-first, responsive websites and web apps. - [chakra-ui](https://github.com/chakra-ui/chakra-ui) - [demo/docs](https://chakra-ui.com) - Simple, Modular & Accessible UI Components for your React Applications. +- [CoreUI for React](https://github.com/coreui/coreui-react) - [demo/docs](https://coreui.io/react) - Open Source UI components library. - [evergreen](https://github.com/segmentio/evergreen) - [demo/docs](https://evergreen.segment.com) - Evergreen React UI Framework by Segment. - [fluent-ui](https://github.com/fluent-org/fluent-ui) - [demo/docs](https://fluent-ui.com/) - 🌈 React components that inspired by Microsoft's Fluent Design System. - [grommet](https://github.com/grommet/grommet) - The most advanced UX framework for enterprise applications. From 1404e5611ca2c48fde6da98802b50b9376cf392c Mon Sep 17 00:00:00 2001 From: inokawa <48897392+inokawa@users.noreply.github.com> Date: Mon, 24 Jan 2022 00:27:51 +0900 Subject: [PATCH 254/373] Remove react-sortable --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 43c4d09..90d2a83 100644 --- a/README.md +++ b/README.md @@ -514,7 +514,6 @@ _Let the user add multiple tags in a single input_ _Let the user define an order on a list_ - [react-anything-sortable](https://github.com/jasonslyvia/react-anything-sortable) - Sort any children with touch support and IE8 compatibility. -- [react-sortable](https://github.com/danielstocks/react-sortable) - A sortable list component built with React. - [sortablejs](https://github.com/SortableJS/Sortable) - Lists reorderable by drag-and-drop, within and among lists. #### Rich Text Editor From c795a76862c856b2ead6859cd4d04254377a4679 Mon Sep 17 00:00:00 2001 From: inokawa <48897392+inokawa@users.noreply.github.com> Date: Mon, 24 Jan 2022 00:36:53 +0900 Subject: [PATCH 255/373] Add rich-textarea --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 90d2a83..dade92e 100644 --- a/README.md +++ b/README.md @@ -491,6 +491,7 @@ _Let the user add multiple tags in a single input_ - [react-input-autosize](https://github.com/JedWatson/react-input-autosize) - Auto-resizing input field for React. - [react-autowidth-input](https://github.com/kierien/react-autowidth-input) - Highly configurable & extensible automatically sized input field built with hooks. - [react-textarea-autosize](https://github.com/andreypopp/react-textarea-autosize) - <textarea /> component for React which grows with content. +- [rich-textarea](https://github.com/inokawa/rich-textarea) - A textarea to colorize, highlight and decorate texts. #### Star Rating From 62ff65bbccb95d695f8b633587025891934a2d1c Mon Sep 17 00:00:00 2001 From: inokawa <48897392+inokawa@users.noreply.github.com> Date: Mon, 31 Jan 2022 01:51:40 +0900 Subject: [PATCH 256/373] Fix category of rich-textarea --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index dade92e..64c30a5 100644 --- a/README.md +++ b/README.md @@ -476,6 +476,7 @@ _Let the user select something (e.g. a tag) while typing_ - [react-autocomplete-input](https://github.com/yury-dymov/react-autocomplete-input) - Autocomplete input field for React. - [react-mentions](https://github.com/effektif/react-mentions) - Mention people in a textarea. +- [rich-textarea](https://github.com/inokawa/rich-textarea) - A textarea to colorize, highlight, decorate texts and offer autocomplete. #### Tag Input @@ -491,7 +492,6 @@ _Let the user add multiple tags in a single input_ - [react-input-autosize](https://github.com/JedWatson/react-input-autosize) - Auto-resizing input field for React. - [react-autowidth-input](https://github.com/kierien/react-autowidth-input) - Highly configurable & extensible automatically sized input field built with hooks. - [react-textarea-autosize](https://github.com/andreypopp/react-textarea-autosize) - <textarea /> component for React which grows with content. -- [rich-textarea](https://github.com/inokawa/rich-textarea) - A textarea to colorize, highlight and decorate texts. #### Star Rating From de86fa24341e414a1b1a5476a5d8de77498f0c42 Mon Sep 17 00:00:00 2001 From: marketachalupnikova <75572718+marketachalupnikova@users.noreply.github.com> Date: Wed, 2 Feb 2022 11:14:38 +0100 Subject: [PATCH 257/373] Add Tolgee, remove UI harness Add Tolgee to Utilities - i18n, Remove UI harness from Dev Tools - test --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 64c30a5..c4bfac6 100644 --- a/README.md +++ b/README.md @@ -917,6 +917,7 @@ _Internationalization / L10n / localization / translation_ - [react-localized](https://github.com/fakundo/react-localized) - Internationalization for React components based on `gettext` format. - [react-translate-maker](https://github.com/CherryProjects/react-translate-maker) - Universal internationalization (i18n) open source library for React. - [react-intl-universal](https://github.com/alibaba/react-intl-universal) - [demo](https://g.alicdn.com/alishu/common/0.0.95/intl-example/index.html) Internationalize React apps. Not only for React.Component but also for Vanilla JS. +- [tolgee](https://github.com/tolgee/tolgee-js) - [docs](https://tolgee.io/docs/web/using_with_react/installation) – Web-based localization tool enabling users to translate directly in the React app they develop - [js-lingui](https://github.com/lingui/js-lingui) - [docs](https://lingui.js.org) – A readable, automated, and optimized (5 kb) internationalization for JavaScript. ### Framework bindings / integrations @@ -989,7 +990,6 @@ _Internationalization / L10n / localization / translation_ - [react-unit](https://github.com/pzavolinsky/react-unit) - Lightweight unit test library for ReactJS. - [redux-test-recorder](https://github.com/conorhastings/redux-test-recorder) - A redux middleware to automatically generate tests for reducers through ui interaction. - [rut](https://github.com/milesj/rut) - React testing made easy with `react-test-renderer`. Supports DOM and custom renderers. -- [ui-harness](https://github.com/philcockfield/ui-harness) - Create, isolate and test modular UI components in React. - [unexpected-react](https://github.com/bruderstein/unexpected-react) - Plugin for unexpected to enable testing the full React virtual DOM, and also the shallow renderer. ### Redux From d6e18ad0f8467bf83ef2ad5fb78fcc9381538021 Mon Sep 17 00:00:00 2001 From: marketachalupnikova <75572718+marketachalupnikova@users.noreply.github.com> Date: Wed, 2 Feb 2022 12:41:59 +0100 Subject: [PATCH 258/373] Add Tolgee, remove Ui harness --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index c4bfac6..5af72dc 100644 --- a/README.md +++ b/README.md @@ -917,7 +917,7 @@ _Internationalization / L10n / localization / translation_ - [react-localized](https://github.com/fakundo/react-localized) - Internationalization for React components based on `gettext` format. - [react-translate-maker](https://github.com/CherryProjects/react-translate-maker) - Universal internationalization (i18n) open source library for React. - [react-intl-universal](https://github.com/alibaba/react-intl-universal) - [demo](https://g.alicdn.com/alishu/common/0.0.95/intl-example/index.html) Internationalize React apps. Not only for React.Component but also for Vanilla JS. -- [tolgee](https://github.com/tolgee/tolgee-js) - [docs](https://tolgee.io/docs/web/using_with_react/installation) – Web-based localization tool enabling users to translate directly in the React app they develop +- [@tolgee/react](https://github.com/tolgee/tolgee-js/tree/main/packages/react) - [docs](https://tolgee.io/docs/web/using_with_react/installation) – Web-based localization tool enabling users to translate directly in the React app they develop - [js-lingui](https://github.com/lingui/js-lingui) - [docs](https://lingui.js.org) – A readable, automated, and optimized (5 kb) internationalization for JavaScript. ### Framework bindings / integrations From bee2ececb1b7358c5214b372b9c9d92d61e53c61 Mon Sep 17 00:00:00 2001 From: Jack Hsu <jack.hsu@gmail.com> Date: Mon, 14 Feb 2022 10:08:03 -0500 Subject: [PATCH 259/373] Add nx --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 5af72dc..2cf0cca 100644 --- a/README.md +++ b/README.md @@ -876,6 +876,7 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [generator-react-webpack](https://github.com/react-webpack-generators/generator-react-webpack) - Yeoman generator for ReactJS and Webpack. - [generator-starhackit](https://github.com/FredericHeem/starhackit) - Full-stack starter kit. - [nwb](https://github.com/insin/nwb) - CLI tool and devDependency for React apps & components and npm modules. +- [nx](https://nx.dev) - Next generation build system with first class monorepo support and powerful integrations. - [react-boilerplate](https://github.com/mxstbr/react-boilerplate) - Quick packager-agnostic boilerplate for React modules using JSX. - [react-hot-boilerplate](https://github.com/gaearon/react-hot-boilerplate) - Minimal live-editing boilerplate for your next ReactJS project. - [react-redux-universal-hot-example](https://github.com/erikras/react-redux-universal-hot-example) - A starter boilerplate for a universal webapp. From 67bfb6701aec4fe9824fbf9d2921c7f93add0f5f Mon Sep 17 00:00:00 2001 From: iamppz <iamppz@hotmail.com> Date: Sat, 19 Feb 2022 22:55:03 +0800 Subject: [PATCH 260/373] Add Flowchart React --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 2cf0cca..6554b88 100644 --- a/README.md +++ b/README.md @@ -268,6 +268,7 @@ _Display data in charts / graphs / diagrams_ - [DevExtreme React Chart](https://devexpress.github.io/devextreme-reactive/react/chart/) - High-performance plugin-based chart for Bootstrap and Material Design. - [Smart React Chart](https://www.htmlelements.com/react/demos/chart/overview/) - Feature complete Charting library. - [react-muze](https://github.com/chartshq/react-muze) - React wrapper for [muze](https://muzejs.org/)(free data visualization library for creating exploratory data visualizations in browser, using WebAssembly) +- [Flowchart React](https://github.com/joyceworks/flowchart-react) - Flowchart & Flowchart designer for React.js. ### Tree From 63960666745e6943b7aeddc61c0ab98a808db2cd Mon Sep 17 00:00:00 2001 From: Anatoliy Gatt <anatoliy@gatt.io> Date: Sat, 19 Feb 2022 17:24:20 +0100 Subject: [PATCH 261/373] docs: add @anatoliygatt/heart-switch --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 2cf0cca..5bf7d4a 100644 --- a/README.md +++ b/README.md @@ -458,6 +458,7 @@ _Autosuggest / autocomplete / typeahead_ #### Toggle +- [@anatoliygatt/heart-switch](https://github.com/anatoliygatt/heart-switch) - [demo](https://codesandbox.io/s/demo-for-anatoliygatt-heart-switch-cds5p) - A fully themeable and accessible heart-shaped toggle switch component. - [react-ios-switch](https://github.com/clari/react-ios-switch) - React switch component. - [react-toggle](https://github.com/instructure-react/react-toggle) - An elegant, accessible toggle component for React. Also a glorified checkbox. - [react-triple-toggle](https://github.com/geobde/react-triple-toggle) - ⚛️ React multi toggle component. From 710f7f3338b8585f13c586c5bb76b98df3e29735 Mon Sep 17 00:00:00 2001 From: whincwu <whincwu@163.com> Date: Wed, 16 Mar 2022 11:43:46 +0800 Subject: [PATCH 262/373] add react-simple-code-editor --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 2331ca5..41e5c52 100644 --- a/README.md +++ b/README.md @@ -534,6 +534,7 @@ _Let the user define an order on a list_ - [react-editor](https://github.com/fritx/react-editor) - Simple richtext editor that can insert images and HTML. - [react-medium-editor](https://github.com/wangzuo/react-medium-editor) - medium-editor wrapper. - [react-monacoeditor](https://github.com/jaywcjlove/react-monacoeditor) - Monaco Editor component for React. +- [react-simple-code-editor](https://github.com/satya164/react-simple-code-editor) - Simple no-frills code editor with syntax highlighting - [react-quill](https://github.com/zenoamaro/react-quill) - Quill wrapper. - [react-trumbowyg](https://github.com/RD17/react-trumbowyg) - [Trumbowyg](https://alex-d.github.io/Trumbowyg/) wrapper. - [remirror](https://github.com/remirror/remirror) - [demo](https://remirror.io/playground) - [docs](https://remirror.io/docs) - ProseMirror toolkit for React. From 9e6b39c90d7fd3b29a7af4dee6fbcb6709e16210 Mon Sep 17 00:00:00 2001 From: Rob Levin <roblevintennis@gmail.com> Date: Sat, 19 Mar 2022 10:24:33 -0500 Subject: [PATCH 263/373] Adds AgnosticUI --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 41e5c52..8d3753c 100644 --- a/README.md +++ b/README.md @@ -633,6 +633,7 @@ _Set of components + responsive layout system_ - [zeit-ui-react](https://github.com/zeit-ui/react) - Modern and minimalist React UI library. - 🚀 [ant-design](https://github.com/ant-design/ant-design) - [demo/docs](https://ant.design/docs/react/introduce) - A UI Design Language from China. Individual [components](http://react-component.github.io/) available. +- [AgnosticUI](https://www.agnosticui.com/) - Accessible React component primitives that also work with Vue 3, Svelte, and Angular! - [atlaskit](https://atlaskit.atlassian.com/packages) - Atlassian's official UI library, with components from _badge_ to _tree table_. - [base web](https://baseweb.design) - Base Web is a foundation for initiating, evolving, and unifying web products. - [carbon](https://github.com/carbon-design-system/carbon) - [demo/docs](https://www.carbondesignsystem.com/) - A design system built by IBM. From 00d7cb92186f4591bd714f41fbc24eabb0cd7bc9 Mon Sep 17 00:00:00 2001 From: Sam <samyonggit@gmail.com> Date: Tue, 29 Mar 2022 18:42:42 +0800 Subject: [PATCH 264/373] update react-designer URL --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 8d3753c..dbdcbd6 100644 --- a/README.md +++ b/README.md @@ -571,7 +571,7 @@ _Image manipulation_ #### Miscellaneous - [interweave](https://github.com/milesj/interweave) - React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more. -- [react-designer](https://github.com/fatiherikli/react-designer) - Easy to configure, lightweight, editable vector graphics in your react components. +- [react-designer](https://github.com/react-designer/react-designer) - Easy to configure, lightweight, editable vector graphics in your react components. - [react-upload-gallery](https://github.com/TPMinan/react-upload-gallery) - React for Upload Image Gallery. Drag & Drop, Sortable, Customize. #### Syntax Highlight From 7c8d5854cd5d698deafc8a59bb0f9fce388695d5 Mon Sep 17 00:00:00 2001 From: Lucian Caetano <lucian.santos.caetano@gmail.com> Date: Fri, 1 Apr 2022 02:58:24 -0300 Subject: [PATCH 265/373] Add lens-ui to list Add lens-ui to list --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index dbdcbd6..a4e4bb9 100644 --- a/README.md +++ b/README.md @@ -690,6 +690,7 @@ _Set of components + responsive layout system_ - [refine](https://github.com/pankod/refine) - [demo](https://example.refine.dev) - [docs](https://refine.dev/docs) - Build data-intensive applications in no time. It ships with Ant Design System, an enterprise-level UI toolkit. - [matrix-card](https://github.com/MehmetKaplan/matrix-card) - [demo](https://mehmetkaplan.github.io/matrix-card/) - Simplest possible component to generate matrix rain style cards. - [rsuite](https://github.com/rsuite/rsuite) - [demo/docs](https://rsuitejs.com/) - Suite of components for "enterprise system products". +- [lens-ui](https://github.com/luciancaetano/lens-ui) - [docs](https://github.com/luciancaetano/lens-ui/blob/main/docs/introduction.md) - A Suit of components focused on simplicity. ## UI Utilities From 8388a9fc1d2e30461b4bd64c727ba0498fc62759 Mon Sep 17 00:00:00 2001 From: zyc9012 <zyc9012@163.com> Date: Wed, 6 Apr 2022 09:44:09 +0800 Subject: [PATCH 266/373] Add fortune-sheet --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index a4e4bb9..c00c974 100644 --- a/README.md +++ b/README.md @@ -129,6 +129,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- ### Editable data grid / spreadsheet +- [fortune-sheet](https://github.com/ruilisi/fortune-sheet) - An online spreedsheet component that provides out-of-the-box features just like Excel. - [ag-grid](https://github.com/ceolter/ag-grid) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components. - [gigatables-react](https://github.com/GigaTables/reactables) - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more. - [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid. From f4480368f33229741780862b7cadd786391385b2 Mon Sep 17 00:00:00 2001 From: Anatoliy Gatt <anatoliy@gatt.io> Date: Thu, 7 Apr 2022 11:04:08 +0200 Subject: [PATCH 267/373] docs: add @anatoliygatt/numeric-stepper --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index c00c974..ede2f56 100644 --- a/README.md +++ b/README.md @@ -571,6 +571,7 @@ _Image manipulation_ #### Miscellaneous +- (@anatoliygatt/numeric-stepper)(https://github.com/anatoliygatt/numeric-stepper) - [demo](https://codesandbox.io/s/demo-for-anatoliygatt-numeric-stepper-mllfyl) - A fully themeable and accessible numeric stepper component. - [interweave](https://github.com/milesj/interweave) - React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more. - [react-designer](https://github.com/react-designer/react-designer) - Easy to configure, lightweight, editable vector graphics in your react components. - [react-upload-gallery](https://github.com/TPMinan/react-upload-gallery) - React for Upload Image Gallery. Drag & Drop, Sortable, Customize. From a43bf4d2af181310ad7e3d2653a2005d0a47aa78 Mon Sep 17 00:00:00 2001 From: Lukas Bach <lukasbach@users.noreply.github.com> Date: Thu, 7 Apr 2022 11:40:23 +0200 Subject: [PATCH 268/373] add synergies --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index c00c974..fdb42c9 100644 --- a/README.md +++ b/README.md @@ -795,6 +795,7 @@ _Data flow / data management / data stores / components state / data flow_ - [reselect](https://github.com/reactjs/reselect) - Selector library for Redux. - [resourcerer](https://github.com/SiftScience/resourcerer) - Declarative data-fetching framework for REST APIs - [shasta](https://github.com/shastajs/shasta) - Dead simple + opinionated toolkit for building redux/react applications. +- [synergies](https://github.com/lukasbach/synergies) - [docs](https://synergies.js.org) A performant and distributed context-state library for creating reusable React state logic by synergyzing atomar context pieces. - [zustand](https://zustand.surge.sh/) - [docs](https://github.com/pmndrs/zustand) - A fast bearbones state-management solution using simplified flux principles and boilerplate-free hook api. - [teaful](https://github.com/teafuljs/teaful) - Tiny, easy and powerful React state management From 7112b94cf43d66a82078e85a355eb876dba4dc34 Mon Sep 17 00:00:00 2001 From: Anatoliy Gatt <anatoliy@gatt.io> Date: Thu, 7 Apr 2022 20:38:07 +0200 Subject: [PATCH 269/373] docs: fix markdown for @anatoliygatt/numeric-stepper --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index b4e1352..37a056c 100644 --- a/README.md +++ b/README.md @@ -571,7 +571,7 @@ _Image manipulation_ #### Miscellaneous -- (@anatoliygatt/numeric-stepper)(https://github.com/anatoliygatt/numeric-stepper) - [demo](https://codesandbox.io/s/demo-for-anatoliygatt-numeric-stepper-mllfyl) - A fully themeable and accessible numeric stepper component. +- [@anatoliygatt/numeric-stepper](https://github.com/anatoliygatt/numeric-stepper) - [demo](https://codesandbox.io/s/demo-for-anatoliygatt-numeric-stepper-mllfyl) - A fully themeable and accessible numeric stepper component. - [interweave](https://github.com/milesj/interweave) - React library to safely render HTML, filter attributes, autowrap text with matchers, render emoji characters, and much more. - [react-designer](https://github.com/react-designer/react-designer) - Easy to configure, lightweight, editable vector graphics in your react components. - [react-upload-gallery](https://github.com/TPMinan/react-upload-gallery) - React for Upload Image Gallery. Drag & Drop, Sortable, Customize. From 177ffeb6d1c1644b6c176325869e1050c7c3995a Mon Sep 17 00:00:00 2001 From: Jiasheng Lu <1473875731@qq.com> Date: Thu, 7 Apr 2022 13:47:36 -0600 Subject: [PATCH 270/373] Add a new awesome loader --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 37a056c..6f74707 100644 --- a/README.md +++ b/README.md @@ -214,7 +214,7 @@ _Fixed headers / scroll-up headers / sticky elements_ ### Loader _Loaders / spinners / progress bars — Let the user know that something is loading_ -- [react-loader](https://github.com/TheCognizantFoundry/react-loader) - React component that displays a spinner via spin.js until your component is loaded. +- [react-loader-spinner](https://github.com/mhnpd/react-loader-spinner) - Collection set of react-spinner for async operation. - [react-block-ui](https://github.com/availity/react-block-ui) - Easy way to block the user from interacting with your UI. - [react-redux-loading-bar](https://github.com/mironov/react-redux-loading-bar) - Simple Loading Bar for Redux and React. - [react-spinners-css](https://github.com/JoshK2/react-spinners-css) - Amazing collection of react spinners components. From 40330a47043e1d820338c34d41a8350a8710cfeb Mon Sep 17 00:00:00 2001 From: Romuald Brillout <git@brillout.com> Date: Sat, 16 Apr 2022 12:23:22 +0200 Subject: [PATCH 271/373] update brillout description --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 6f74707..05fe716 100644 --- a/README.md +++ b/README.md @@ -13,7 +13,7 @@ commentary and reviews in _(italic parens)_ after some listings of note. Maintainers: - [@petebray](https://github.com/bluepeter), author of [Fluxguard](https://fluxguard.com) — monitor PROD website changes. -- [@brillout](https://twitter.com/brillout), author of [Wildcard API](https://github.com/reframejs/wildcard-api) — create an RPC-like API as an alternative to REST and GraphQL. +- [@brillout](https://twitter.com/brillout), author of [vite-plugin-ssr](https://github.com/brillout/vite-plugin-ssr) (like Next.js / Nuxt but as do-one-thing-do-it-well Vite plugin) and [Telefunc](https://github.com/vikejs/telefunc) (remote functions instead of APIs). ### Contributing From 0e87f5f01535181c8cc79954f47a90cfed430812 Mon Sep 17 00:00:00 2001 From: Romuald Brillout <git@brillout.com> Date: Sat, 16 Apr 2022 12:25:10 +0200 Subject: [PATCH 272/373] udpate brillout project links --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 05fe716..e2e0d9b 100644 --- a/README.md +++ b/README.md @@ -13,7 +13,7 @@ commentary and reviews in _(italic parens)_ after some listings of note. Maintainers: - [@petebray](https://github.com/bluepeter), author of [Fluxguard](https://fluxguard.com) — monitor PROD website changes. -- [@brillout](https://twitter.com/brillout), author of [vite-plugin-ssr](https://github.com/brillout/vite-plugin-ssr) (like Next.js / Nuxt but as do-one-thing-do-it-well Vite plugin) and [Telefunc](https://github.com/vikejs/telefunc) (remote functions instead of APIs). +- [@brillout](https://twitter.com/brillout), author of [vite-plugin-ssr](https://vite-plugin-ssr.com/) (like Next.js / Nuxt but as do-one-thing-do-it-well Vite plugin) and [Telefunc](https://telefunc.com/) (remote functions instead of APIs). ### Contributing From 4c9fb783878feeb78788df67833af49a39b1c346 Mon Sep 17 00:00:00 2001 From: Alexander Liu <hello@alexanderliu.com> Date: Wed, 11 May 2022 21:59:49 -0700 Subject: [PATCH 273/373] replace @pathofdev/react-tag-input with tagify @pathofdev/react-tag-input is no longer maintained (3 years since last release with unreviewed PRs) --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index e2e0d9b..5879a00 100644 --- a/README.md +++ b/README.md @@ -485,10 +485,10 @@ _Let the user select something (e.g. a tag) while typing_ _Let the user add multiple tags in a single input_ -- [@pathofdev/react-tag-input](https://github.com/pathofdev/react-tag-input) - [demo & docs](https://pathof.dev/projects/react-tag-input) - Minimal tagging component with editable tags - [react-tag-input](https://github.com/prakhar1989/react-tags) - A fantastically simple tagging component for your React projects. - [react-tagsinput](https://github.com/olahol/react-tagsinput) - A simple react component for inputing tags. - [react-tokeninput](https://github.com/instructure-react/react-tokeninput) - Tokeninput component for React. +- [tagify](https://github.com/yairEO/tagify) - [demo & docs](https://yaireo.github.io/tagify/) - Lightweight, efficient Tags input component. #### Autosize Input / Textarea From 4a48e620efc6ce60d62410f003d976eb6124dbf8 Mon Sep 17 00:00:00 2001 From: addy <addison.shaw@flocksafety.com> Date: Thu, 19 May 2022 11:06:10 -0500 Subject: [PATCH 274/373] Add radix-ui, clean old frameworks, fix old links, sort alphabetically. --- README.md | 25 ++++++++++++------------- 1 file changed, 12 insertions(+), 13 deletions(-) diff --git a/README.md b/README.md index 5879a00..7dd2e17 100644 --- a/README.md +++ b/README.md @@ -633,33 +633,32 @@ _Animate transitions_ _Set of components + responsive layout system_ -- [zeit-ui-react](https://github.com/zeit-ui/react) - Modern and minimalist React UI library. -- 🚀 [ant-design](https://github.com/ant-design/ant-design) - [demo/docs](https://ant.design/docs/react/introduce) - A UI Design Language from China. Individual [components](http://react-component.github.io/) available. - [AgnosticUI](https://www.agnosticui.com/) - Accessible React component primitives that also work with Vue 3, Svelte, and Angular! +- [ant-design](https://github.com/ant-design/ant-design) - [demo/docs](https://ant.design/docs/react/introduce) - A UI Design Language from China. Individual [components](http://react-component.github.io/) available. - [atlaskit](https://atlaskit.atlassian.com/packages) - Atlassian's official UI library, with components from _badge_ to _tree table_. - [base web](https://baseweb.design) - Base Web is a foundation for initiating, evolving, and unifying web products. - [carbon](https://github.com/carbon-design-system/carbon) - [demo/docs](https://www.carbondesignsystem.com/) - A design system built by IBM. - [cdbreact](https://github.com/Devwares-Team/cdbreact) - [demo](https://www.devwares.com/product/contrast) - [docs](https://www.devwares.com/docs/contrast/react/index) - Elegant UI Kit library and reusable components for building mobile-first, responsive websites and web apps. - [chakra-ui](https://github.com/chakra-ui/chakra-ui) - [demo/docs](https://chakra-ui.com) - Simple, Modular & Accessible UI Components for your React Applications. +- [ChatUI](https://github.com/alibaba/ChatUI) - [demo/docs](https://chatui.io/) - The UI design language and React library for Conversational UI - [CoreUI for React](https://github.com/coreui/coreui-react) - [demo/docs](https://coreui.io/react) - Open Source UI components library. - [evergreen](https://github.com/segmentio/evergreen) - [demo/docs](https://evergreen.segment.com) - Evergreen React UI Framework by Segment. -- [fluent-ui](https://github.com/fluent-org/fluent-ui) - [demo/docs](https://fluent-ui.com/) - 🌈 React components that inspired by Microsoft's Fluent Design System. -- [grommet](https://github.com/grommet/grommet) - The most advanced UX framework for enterprise applications. +- [fluentui](https://github.com/microsoft/fluentui) - A collection of UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior. +- [geist-ui](https://github.com/geist-org/geist-ui) - Modern and minimalist React UI library. - [gestalt](https://github.com/pinterest/gestalt) - [demo/docs](https://pinterest.github.io/gestalt/#/) - A set of components that supports Pinterest’s design language. -- [office-ui-fabric-react](https://github.com/OfficeDev/office-ui-fabric-react) - React components for building Microsoft web experiences. -- [orbit-components](https://github.com/kiwicom/orbit-components/) - Components for building travel oriented projects. -- [pivotal-ui-react](https://github.com/pivotal-cf/pivotal-ui) - React components based on a custom version of the Bootstrap library. +- [grommet](https://github.com/grommet/grommet) - The most advanced UX framework for enterprise applications. +- [Mantine](https://github.com/mantinedev/mantine) - [demo/docs](https://mantine.dev/) - A fully featured library with 100+ hooks and components with native dark theme support +- [orbit](https://github.com/kiwicom/orbit) - Components for building travel oriented projects. +- [pivotal-ui](https://github.com/pivotal-cf/pivotal-ui) - React components based on a custom version of the Bootstrap library. - [primereact](https://github.com/primefaces/primereact) - A complete UI Framework with 50+ components featuring material, bootstrap and custom themes. +- [radix-ui](https://www.radix-ui.com/) - Unstyled, accessible components for building high‑quality design systems and web apps. - [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap components built with React. -- [react-foundation](https://github.com/nordsoftware/react-foundation) - Foundation as React components. -- [reakit](https://github.com/reakit/reakit) - [demo/docs](https://reakit.io/docs/button/) Toolkit for building accessible rich web apps -- [rebass](https://github.com/jxnblk/rebass) - Configurable React Stateless Functional UI Components. +- [react-foundation](https://github.com/digiaonline/react-foundation) - Foundation as React components. +- [reakit](https://github.com/ariakit/ariakit) - [demo/docs](https://reakit.io/docs/button/) Toolkit for building accessible rich web apps - [searchkit](https://github.com/searchkit/searchkit) - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch. - [semantic-ui-react](https://github.com/Semantic-Org/Semantic-UI-React) - The official Semantic-UI-React integration. -- [shineout](https://github.com/sheinsight/shineout) - [demo](https://shine.wiki/1.4.x/en/components/GetStart) - Chinese-friendly set of components: form elements, navigation, table, tree, tree select drop-down etc. -- [ChatUI](https://github.com/alibaba/ChatUI) - [demo/docs](https://chatui.io/) - The UI design language and React library for Conversational UI -- [Mantine](https://github.com/mantinedev/mantine) - [demo/docs](https://mantine.dev/) - A fully featured library with 100+ hooks and components with native dark theme support - [semi-design](https://github.com/DouyinFE/semi-design) - [demo/docs](https://semi.design/) - A modern, comprehensive, flexible design system that gives you all modular blocks you need to build sensible web apps & SaaS products. +- [shineout](https://github.com/sheinsight/shineout) - [demo](https://shine.wiki/1.4.x/en/components/GetStart) - Chinese-friendly set of components: form elements, navigation, table, tree, tree select drop-down etc. #### Material Design From dc8f08489a8079ecaaf0b7e51fce8c4f306fb7a1 Mon Sep 17 00:00:00 2001 From: addy <addison.shaw@flocksafety.com> Date: Thu, 19 May 2022 11:07:50 -0500 Subject: [PATCH 275/373] Reducing fluentui text --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 7dd2e17..3d3edae 100644 --- a/README.md +++ b/README.md @@ -643,7 +643,7 @@ _Set of components + responsive layout system_ - [ChatUI](https://github.com/alibaba/ChatUI) - [demo/docs](https://chatui.io/) - The UI design language and React library for Conversational UI - [CoreUI for React](https://github.com/coreui/coreui-react) - [demo/docs](https://coreui.io/react) - Open Source UI components library. - [evergreen](https://github.com/segmentio/evergreen) - [demo/docs](https://evergreen.segment.com) - Evergreen React UI Framework by Segment. -- [fluentui](https://github.com/microsoft/fluentui) - A collection of UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior. +- [fluentui](https://github.com/microsoft/fluentui) - UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior. - [geist-ui](https://github.com/geist-org/geist-ui) - Modern and minimalist React UI library. - [gestalt](https://github.com/pinterest/gestalt) - [demo/docs](https://pinterest.github.io/gestalt/#/) - A set of components that supports Pinterest’s design language. - [grommet](https://github.com/grommet/grommet) - The most advanced UX framework for enterprise applications. From 8318de72a40eeee415fbab847a64b2c93ccca604 Mon Sep 17 00:00:00 2001 From: addy <addison.shaw@flocksafety.com> Date: Thu, 19 May 2022 11:09:28 -0500 Subject: [PATCH 276/373] Reducing semi text --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 3d3edae..ec379ff 100644 --- a/README.md +++ b/README.md @@ -657,7 +657,7 @@ _Set of components + responsive layout system_ - [reakit](https://github.com/ariakit/ariakit) - [demo/docs](https://reakit.io/docs/button/) Toolkit for building accessible rich web apps - [searchkit](https://github.com/searchkit/searchkit) - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch. - [semantic-ui-react](https://github.com/Semantic-Org/Semantic-UI-React) - The official Semantic-UI-React integration. -- [semi-design](https://github.com/DouyinFE/semi-design) - [demo/docs](https://semi.design/) - A modern, comprehensive, flexible design system that gives you all modular blocks you need to build sensible web apps & SaaS products. +- [semi-design](https://github.com/DouyinFE/semi-design) - [demo/docs](https://semi.design/) - A modern, comprehensive, flexible design system. - [shineout](https://github.com/sheinsight/shineout) - [demo](https://shine.wiki/1.4.x/en/components/GetStart) - Chinese-friendly set of components: form elements, navigation, table, tree, tree select drop-down etc. #### Material Design From 2170a417a7c1cc6fb8e993e231b848aaba73ad8c Mon Sep 17 00:00:00 2001 From: Igor Danchenko <64441155+igordanchenko@users.noreply.github.com> Date: Thu, 16 Jun 2022 17:24:21 -0400 Subject: [PATCH 277/373] replace react-photo-gallery with react-photo-album --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index ec379ff..c8deb67 100644 --- a/README.md +++ b/README.md @@ -328,7 +328,7 @@ _Display images / photos_ - [react-image-gallery](https://github.com/xiaolin/react-image-gallery) - Responsive image gallery, carousel, image slider react component. - [react-image-lightbox](https://github.com/fritz-c/react-image-lightbox) - React lightbox component. - [react-intense](https://github.com/brycedorn/react-intense) - A React component for viewing large images up close. -- [react-photo-gallery](https://github.com/neptunian/react-photo-gallery) - Responsive React Photo Gallery. +- [react-photo-album](https://github.com/igordanchenko/react-photo-album) - [demo](https://react-photo-album.com/examples) - [docs](https://react-photo-album.com/documentation) - Responsive React Photo Gallery. - [react-svg-pan-zoom](https://github.com/chrvadala/react-svg-pan-zoom) - A React component that adds pan and zoom features to SVG. - [react-particle-image](https://github.com/malerba118/react-particle-image) - [demo](https://malerba118.github.io/react-particle-image-demo/) - Render images as interactive particles. - [react-imgix](https://github.com/imgix/react-imgix) - Add fast, responsive images as an image, picture, or background! From 76de8ec648c0d1f752946ffc71cb13cf52a10516 Mon Sep 17 00:00:00 2001 From: Gerard Marquina Rubio <gerardmarquinarubio@gmail.com> Date: Wed, 22 Jun 2022 13:01:57 +0200 Subject: [PATCH 278/373] Add react-ts-typewriter, remove react-tweenful Added react-ts-typewrite and removed react-tweenful (hasn't been updated in 2 years). --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index c8deb67..005c50a 100644 --- a/README.md +++ b/README.md @@ -601,7 +601,6 @@ _Components to layout the app's UI_ _Animate transitions_ -- [react-tweenful](https://github.com/teodosii/react-tweenful) - [demo](https://teodosii.github.io/react-tweenful/) - Animation engine that lets you animate DOM nodes, mounting, unmounting, child changes/transitions. - [data-driven-motion](https://github.com/tkh44/data-driven-motion) - Easily animate your data. - [react-anime](https://github.com/stelatech/react-anime) - A super easy animation library. - [react-flip-move](https://github.com/joshwcomeau/react-flip-move) - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique. @@ -611,6 +610,7 @@ _Animate transitions_ - [react-mt-svg-lines](https://github.com/moarwick/react-mt-svg-lines) - Wrapper to animate the line stroke in SVGs. - [react-router-transition](https://github.com/maisano/react-router-transition) - Transitions built for react-router, powered by react-motion. - [react-spring](https://github.com/react-spring/react-spring) - A spring physics based animation library. +- [react-ts-typewriter](https://github.com/gerardmarquinarubio/ReactTypewriter) - [demo](https://codesandbox.io/s/react-typewriter-example-mgyclf) - Easy to use and customizable typewriter effect for any text. - [framer-motion](https://github.com/framer/motion) - An animation and gesture library. - [react-spark-scroll](https://github.com/gilbox/react-spark-scroll) - Scroll-based actions and animations for react. - [react-track](https://github.com/gilbox/react-track) - Track the position of DOM elements. Create cool animations. From 0427f77162c20f8a624766d2257db668b0082e5b Mon Sep 17 00:00:00 2001 From: inokawa <48897392+inokawa@users.noreply.github.com> Date: Sun, 26 Jun 2022 16:49:26 +0900 Subject: [PATCH 279/373] Add react-animatable --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 005c50a..92882f2 100644 --- a/README.md +++ b/README.md @@ -547,7 +547,6 @@ _Let the user define an order on a list_ - [react-simplemde-editor](https://github.com/RIP21/react-simplemde-editor) - React component wrapper for [EasyMDE (the most fresh SimpleMDE fork)](https://github.com/Ionaru/easy-markdown-editor). - [react-markdown-editor](https://github.com/jrm2k6/react-markdown-editor) - A markdown editor using React/Reflux. -- [react-md-editor](https://github.com/JedWatson/react-md-editor) - Markdown editor. - [react-md-editor](https://github.com/uiwjs/react-md-editor) - A simple markdown editor with preview, implemented with React.js and TypeScript. #### Image Editing @@ -602,6 +601,7 @@ _Components to layout the app's UI_ _Animate transitions_ - [data-driven-motion](https://github.com/tkh44/data-driven-motion) - Easily animate your data. +- [react-animatable](https://github.com/inokawa/react-animatable) - An animation library using Web Animations API. - [react-anime](https://github.com/stelatech/react-anime) - A super easy animation library. - [react-flip-move](https://github.com/joshwcomeau/react-flip-move) - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique. - [react-gsap-enhancer](https://github.com/azazdeaz/react-gsap-enhancer) - Use the full power of React and GSAP together. From 5f65c9d2f299a9072cea8b2dcd97f54e09ff5276 Mon Sep 17 00:00:00 2001 From: Simone M <78644132+smastrom@users.noreply.github.com> Date: Mon, 4 Jul 2022 12:01:59 +0200 Subject: [PATCH 280/373] Added @smastrom/react-rating --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 92882f2..f82ec0d 100644 --- a/README.md +++ b/README.md @@ -498,9 +498,9 @@ _Let the user add multiple tags in a single input_ #### Star Rating +- [react-rating](https://github.com/smastrom/react-rating) - [demo](https://react-rating.onrender.com/) - Zero-dependency, highly customizable rating component. - [react-awesome-stars-rating](https://github.com/fedoryakubovich/react-awesome-stars-rating) - [demo](https://react-awesome-stars-rating.herokuapp.com/) - The star rating component with accessibility. - [react-star-rating-input](https://github.com/ikr/react-star-rating-input) - React.js component for entering 0-5 (or more) stars. -- [react-star-rating](https://github.com/cameronroe/react-star-rating) - A simple star rating component built with React. #### Drag and Drop From f1cd418132c6f0dab2f0aac193fb2e829f3474f6 Mon Sep 17 00:00:00 2001 From: Oleh <OlegWock@gmail.com> Date: Mon, 11 Jul 2022 23:23:32 +0300 Subject: [PATCH 281/373] Add react-local-toast Remove react-toast-notifications which is not maintained for a year --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index f82ec0d..d694a82 100644 --- a/README.md +++ b/README.md @@ -178,9 +178,9 @@ _Toaster / snackbar — Notify the user with a modeless temporary little popup_ - [cogo-toast](https://github.com/Cogoport/cogo-toast) - [demo/docs](https://cogoport.github.io/cogo-toast) - Plug and play, Promise support, inbuilt styling, ~3.5K. _(No refs / provider needed 😊)_ - [react-notifications-component](https://github.com/teodosii/react-notifications-component) - [demo](https://teodosii.github.io/react-notifications-component/) - Highly customizable and easy-to-use component for notifications. - [notistack](https://iamhosseindhv.com/notistack) - [demo](https://codesandbox.io/s/github/iamhosseindhv/notistack/tree/master/examples/simple-example??hidenavigation=1&module=%2FApp.js) - [docs](https://iamhosseindhv.com/notistack/api) - Highly customizable notification snackbars (toasts) that can be stacked on top of each other +- [react-local-toast](https://github.com/OlegWock/react-local-toast) - [demo](https://react-local-toast.netlify.app/showcase/) - [docs](https://react-local-toast.netlify.app/tutorial) - show feedback linked to particular component instead of app-wide toasts. - [react-toast](https://github.com/moharnadreza/react-toast) - [demo](https://codesandbox.io/s/byqvk) - [docs](https://github.com/moharnadreza/react-toast/blob/main/README.md) - Minimal toast notifications. - 🚀 [react-toastify](https://github.com/fkhadra/react-toastify) - [demo](https://fkhadra.github.io/react-toastify/) - best bet out there at the moment. Hooks support. No refs. -- [react-toast-notifications](https://github.com/jossmac/react-toast-notifications) - [demo](https://jossmac.github.io/react-toast-notifications/) - pleasing toast system. - [reapop](https://github.com/LouisBarranqueiro/reapop) - A React & Redux notifications system. - [simple-react-notifications](https://github.com/alexpermyakov/simple-react-notifications) - [demo](https://alexpermyakov.github.io/simple-react-notifications/) - Tiny notification library (1kb gzip). - [react-hot-toast](https://github.com/timolins/react-hot-toast) - [demo](https://react-hot-toast.com/) - Smoking 🔥hot🔥 Notifications for React. Lightweight, customizable and beautiful by default. From acdab802c1fe3a77538b9f89b60b4c698108a8de Mon Sep 17 00:00:00 2001 From: Lihang Xu <xulihanghai@163.com> Date: Wed, 13 Jul 2022 14:13:08 +0800 Subject: [PATCH 282/373] Add react-vision-camera --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index d694a82..1737209 100644 --- a/README.md +++ b/README.md @@ -300,6 +300,7 @@ _Ways to navigate views_ - [react-youtube](https://github.com/troybetz/react-youtube) - React.js powered YouTube player component. - [video-react](https://github.com/video-react/video-react) - A web video player built for the HTML5 world using React library. - [material-ui-audio-player](https://github.com/Werter12/material-ui-audio-player) - Audio player for material ui design. +- [react-vision-camera](https://github.com/xulihang/react-vision-camera) - Camera component for React using getUserMedia. We can use this component for computer vision tasks like barcode scanning, text recognition, etc. ### Map From d1fe41f34aa58ccf44dcecaf4090b533f190387f Mon Sep 17 00:00:00 2001 From: Olivier Tassinari <olivier.tassinari@gmail.com> Date: Wed, 13 Jul 2022 20:33:09 +0200 Subject: [PATCH 283/373] Fix links to Material UI We have created a parent company MUI that works on Material UI. Some of the URLs changed. --- README.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index 1737209..5aef1de 100644 --- a/README.md +++ b/README.md @@ -663,13 +663,13 @@ _Set of components + responsive layout system_ #### Material Design -- 🚀 [Material-UI](https://github.com/mui-org/material-ui) - Full suite of components. Build your own design system, or start with Material Design. - - [Autocomplete](https://material-ui.com/components/tree-view/) - Accessible autocomplete, combobox, multiselect - - [Icons](https://material-ui.com/components/material-icons/) - 1,000+ SVG material icons. - - [Modal](https://material-ui.com/components/modal/) - Accessible modal dialog component. - - [Slider](https://material-ui.com/components/slider/) - Accessible slider component. - - [Table](https://material-ui.com/components/tables/) - table with sorting, selecting, pagination, virtualized. - - [Tree View](https://material-ui.com/components/tree-view/) - Accessible tree view component for React. +- 🚀 [Material UI](https://github.com/mui/material-ui) - Full suite of components. Build your own design system, or start with Material Design. + - [Autocomplete](https://mui.com/material-ui/react-autocomplete/) - Accessible autocomplete, combobox, multiselect + - [Icons](https://mui.com/material-ui/material-icons/) - 1,000+ SVG material icons. + - [Modal](https://mui.com/material-ui/react-modal/) - Accessible modal dialog component. + - [Slider](https://mui.com/material-ui/react-slider/) - Accessible slider component. + - [Table](https://mui.com/material-ui/react-tables/) - table with sorting, selecting, pagination, virtualized. + - [Tree View](https://mui.com/material-ui/react-tree-view/) - Accessible tree view component for React. - [react-essence](https://github.com/Evo-Forge/Essence) - Essence - The Essential Material Design Framework. - [react-materialize](https://github.com/react-materialize/react-materialize) - Material design for react, powered by materializecss. - [react-toolbox](https://github.com/react-toolbox/react-toolbox) - A set of React components implementing Google's Material Design. From fd42a47010ff9deef5e7c5089bc92834aaa825f3 Mon Sep 17 00:00:00 2001 From: Olivier Tassinari <olivier.tassinari@gmail.com> Date: Wed, 13 Jul 2022 20:37:15 +0200 Subject: [PATCH 284/373] Polish links to Material UI --- README.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 5aef1de..b351d77 100644 --- a/README.md +++ b/README.md @@ -142,7 +142,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [Elementz Table](https://github.com/elementz-ui/elementz) - [demo/docs](https://elementz.style/#!/Table) - A modern and easy-to-use table packed with all neccessary features, responsive, infinite scrolling & more. 🆕 - [ka-table](https://github.com/komarovalexander/ka-table) - [demo](https://komarovalexander.github.io/ka-table/#/overview) - Customizable table component with sorting, filtering, grouping, virtualization, editing etc. - [material-table](https://github.com/mbrn/material-table) - [demo/docs](https://material-table.com/) - Built on Material UI, plus: grouping, tree data, expandable rows, export, inline editing -- [mui-datatables](https://github.com/gregnb/mui-datatables) - Built on Material-UI. Search, styling, filtering, resize/hide columns, export, print, select/expand rows. +- [mui-datatables](https://github.com/gregnb/mui-datatables) - Built on Material UI. Search, styling, filtering, resize/hide columns, export, print, select/expand rows. - [react-data-table](https://github.com/jbetancur/react-data-table-component) - [demo/docs](https://jbetancur.github.io/react-data-table-component/?) - accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination - [react-table](https://github.com/tannerlinsley/react-table) - [demo](https://react-table.tanstack.com/docs/examples/basic) - Hooks for building fast and extendable tables and datagrids - [rsuite-table](https://github.com/rsuite/rsuite-table) - [demo/docs](http://rsuite.github.io/rsuite-table/) - A table component that supports virtualized. @@ -564,7 +564,7 @@ _Image manipulation_ #### Form Component Collections -- [formsy-material-ui](https://github.com/mbrookes/formsy-material-ui) - A Formsy compatibility wrapper for Material-UI form components. +- [formsy-material-ui](https://github.com/mbrookes/formsy-material-ui) - A Formsy compatibility wrapper for Material UI form components. - [formsy-react-components](https://github.com/twisty/formsy-react-components) - A set of React JS components for use in a formsy-react form. - [react-input-enhancements](https://github.com/alexkuz/react-input-enhancements) - Set of enhancements for input control. - [react-widgets](https://github.com/jquense/react-widgets) - An à la carte set of polished, extensible, and accessible inputs. @@ -665,10 +665,10 @@ _Set of components + responsive layout system_ - 🚀 [Material UI](https://github.com/mui/material-ui) - Full suite of components. Build your own design system, or start with Material Design. - [Autocomplete](https://mui.com/material-ui/react-autocomplete/) - Accessible autocomplete, combobox, multiselect - - [Icons](https://mui.com/material-ui/material-icons/) - 1,000+ SVG material icons. + - [Material Icons](https://mui.com/material-ui/material-icons/) - 1,000+ SVG material icons. - [Modal](https://mui.com/material-ui/react-modal/) - Accessible modal dialog component. - [Slider](https://mui.com/material-ui/react-slider/) - Accessible slider component. - - [Table](https://mui.com/material-ui/react-tables/) - table with sorting, selecting, pagination, virtualized. + - [Table](https://mui.com/material-ui/react-table/) - table with sorting, selecting, pagination, virtualized. - [Tree View](https://mui.com/material-ui/react-tree-view/) - Accessible tree view component for React. - [react-essence](https://github.com/Evo-Forge/Essence) - Essence - The Essential Material Design Framework. - [react-materialize](https://github.com/react-materialize/react-materialize) - Material design for react, powered by materializecss. From ed5f2d7dab6f81f4ca890958b5269f72fa59aa74 Mon Sep 17 00:00:00 2001 From: Lihang Xu <xulihanghai@163.com> Date: Thu, 14 Jul 2022 14:51:21 +0800 Subject: [PATCH 285/373] Add react-barcode-qrcode-scanner --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index b351d77..d7f8967 100644 --- a/README.md +++ b/README.md @@ -301,6 +301,7 @@ _Ways to navigate views_ - [video-react](https://github.com/video-react/video-react) - A web video player built for the HTML5 world using React library. - [material-ui-audio-player](https://github.com/Werter12/material-ui-audio-player) - Audio player for material ui design. - [react-vision-camera](https://github.com/xulihang/react-vision-camera) - Camera component for React using getUserMedia. We can use this component for computer vision tasks like barcode scanning, text recognition, etc. +- [react-barcode-qrcode-scanner](https://github.com/xulihang/react-barcode-qrcode-scanner) - Barcode and QR code scanner component for React. It uses react-vision-camera to access the camera and Dynamsoft Barcode Reader to read barcodes. ### Map From 6974c73390677e61e5781cfd4a812acd147cb2d3 Mon Sep 17 00:00:00 2001 From: bill <0529bilL@gmail.com> Date: Thu, 14 Jul 2022 15:17:34 +0800 Subject: [PATCH 286/373] Add react-client-validation --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index b351d77..22389df 100644 --- a/README.md +++ b/README.md @@ -809,7 +809,7 @@ _Data flow / data management / data stores / components state / data flow_ - [plexus-form](https://github.com/AppliedMathematicsANU/plexus-form) - A dynamic form component for react using JSON-Schema. - [react-hook-form](https://github.com/react-hook-form/react-hook-form) - React hooks for form validation without the hassle. - [react-jsonschema-form](https://github.com/mozilla-services/react-jsonschema-form) - A React component for building Web forms from JSONSchema. -- [react-validation-mixin](https://github.com/jurassix/react-validation-mixin) - Simple validation mixin (HoC) for React. +- [react-client-validation](https://github.com/0529bill/react-client-validation) - Simple and super lightweight validation for React. - [react-final-form](https://github.com/final-form/react-final-form) - Subscription-based form state management - [react-formawesome](https://github.com/MAKARD/react-formawesome) - Complex library for creating awesome forms. - [surveyjs](https://github.com/surveyjs/survey-library) - The advanced Survey and Form library From c1c8443a4a387b9fe5d399d504b00f0251ed346f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jos=C3=A9=20Rodolfo=20Freitas?= <joserodolfo.freitas@gmail.com> Date: Thu, 14 Jul 2022 09:50:00 +0200 Subject: [PATCH 287/373] Add MUI X Data grid - Add MUI X Data grid to the table in the "Editable data grid /spreadsheet" section - Remove "Elementz Table" due to inactivity on GitHub (1 year) and lack of npm traction (less than 300 downloads/month). - Fix AG Grid title. --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index b351d77..1f0765a 100644 --- a/README.md +++ b/README.md @@ -130,16 +130,16 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- ### Editable data grid / spreadsheet - [fortune-sheet](https://github.com/ruilisi/fortune-sheet) - An online spreedsheet component that provides out-of-the-box features just like Excel. -- [ag-grid](https://github.com/ceolter/ag-grid) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components. +- [AG grid](https://github.com/ceolter/ag-grid) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components. - [gigatables-react](https://github.com/GigaTables/reactables) - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more. - [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid. +- [MUI X Data grid](https://github.com/mui/mui-x) - [demo/docs](https://mui.com/x/react-data-grid/) - Fast and customizable data grid with advanced features for power users and complex use cases. - [revo-grid](https://github.com/revolist/revogrid) - [demo/docs](https://revolist.github.io/revogrid/) - Powerfull Data Grid for React / AngularJS / Vue / Web Components with advanced customization. - [ReactGrid](https://github.com/silevis/reactgrid) - [demo/docs](https://reactgrid.com/docs/) - Add spreadsheet-like behavior to your app - [jqwidgets-react-grid](https://www.jqwidgets.com/react/react-grid/) - Filtering, Pagination, Grouping, Export to Excel, PDF, CRUD and more. ### Table -- [Elementz Table](https://github.com/elementz-ui/elementz) - [demo/docs](https://elementz.style/#!/Table) - A modern and easy-to-use table packed with all neccessary features, responsive, infinite scrolling & more. 🆕 - [ka-table](https://github.com/komarovalexander/ka-table) - [demo](https://komarovalexander.github.io/ka-table/#/overview) - Customizable table component with sorting, filtering, grouping, virtualization, editing etc. - [material-table](https://github.com/mbrn/material-table) - [demo/docs](https://material-table.com/) - Built on Material UI, plus: grouping, tree data, expandable rows, export, inline editing - [mui-datatables](https://github.com/gregnb/mui-datatables) - Built on Material UI. Search, styling, filtering, resize/hide columns, export, print, select/expand rows. From 4931b20a168a56a4317db48eaab76aac7afc326c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jos=C3=A9=20Rodolfo=20Freitas?= <joserodolfo.freitas@gmail.com> Date: Thu, 14 Jul 2022 09:52:59 +0200 Subject: [PATCH 288/373] Fix typo in AG Grid --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 1f0765a..efc5610 100644 --- a/README.md +++ b/README.md @@ -130,7 +130,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- ### Editable data grid / spreadsheet - [fortune-sheet](https://github.com/ruilisi/fortune-sheet) - An online spreedsheet component that provides out-of-the-box features just like Excel. -- [AG grid](https://github.com/ceolter/ag-grid) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components. +- [AG Grid](https://github.com/ceolter/ag-grid) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components. - [gigatables-react](https://github.com/GigaTables/reactables) - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more. - [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid. - [MUI X Data grid](https://github.com/mui/mui-x) - [demo/docs](https://mui.com/x/react-data-grid/) - Fast and customizable data grid with advanced features for power users and complex use cases. From a624e04a495112a6328474f5fee919cdbab0f236 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jos=C3=A9=20Rodolfo=20Freitas?= <joserodolfo.freitas@gmail.com> Date: Thu, 14 Jul 2022 09:54:53 +0200 Subject: [PATCH 289/373] Update Order of MUI X --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index efc5610..f884ddc 100644 --- a/README.md +++ b/README.md @@ -132,8 +132,8 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [fortune-sheet](https://github.com/ruilisi/fortune-sheet) - An online spreedsheet component that provides out-of-the-box features just like Excel. - [AG Grid](https://github.com/ceolter/ag-grid) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components. - [gigatables-react](https://github.com/GigaTables/reactables) - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more. -- [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid. - [MUI X Data grid](https://github.com/mui/mui-x) - [demo/docs](https://mui.com/x/react-data-grid/) - Fast and customizable data grid with advanced features for power users and complex use cases. +- [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid. - [revo-grid](https://github.com/revolist/revogrid) - [demo/docs](https://revolist.github.io/revogrid/) - Powerfull Data Grid for React / AngularJS / Vue / Web Components with advanced customization. - [ReactGrid](https://github.com/silevis/reactgrid) - [demo/docs](https://reactgrid.com/docs/) - Add spreadsheet-like behavior to your app - [jqwidgets-react-grid](https://www.jqwidgets.com/react/react-grid/) - Filtering, Pagination, Grouping, Export to Excel, PDF, CRUD and more. From ef613b725124da2284b8b07bd1d68fbbf5400221 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jos=C3=A9=20Rodolfo=20Freitas?= <joserodolfo.freitas@gmail.com> Date: Thu, 14 Jul 2022 11:39:51 +0200 Subject: [PATCH 290/373] Fix AG Grid link Co-authored-by: Olivier Tassinari <olivier.tassinari@gmail.com> --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index f884ddc..efdb90c 100644 --- a/README.md +++ b/README.md @@ -130,7 +130,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- ### Editable data grid / spreadsheet - [fortune-sheet](https://github.com/ruilisi/fortune-sheet) - An online spreedsheet component that provides out-of-the-box features just like Excel. -- [AG Grid](https://github.com/ceolter/ag-grid) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components. +- [AG Grid](https://github.com/ag-grid/ag-grid) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components. - [gigatables-react](https://github.com/GigaTables/reactables) - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more. - [MUI X Data grid](https://github.com/mui/mui-x) - [demo/docs](https://mui.com/x/react-data-grid/) - Fast and customizable data grid with advanced features for power users and complex use cases. - [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid. From 0a0db7d84035bcb9c8e04097e34d00e01bb7f72e Mon Sep 17 00:00:00 2001 From: Zheeeng <air.island.e@foxmail.com> Date: Fri, 15 Jul 2022 01:57:19 +0800 Subject: [PATCH 291/373] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index e9addc7..9069c3c 100644 --- a/README.md +++ b/README.md @@ -731,6 +731,7 @@ _Turn user input into actions_ - [react-keydown](https://github.com/glortho/react-keydown) - Lightweight keydown wrapper for React components. - [react-shortcuts](https://github.com/avocode/react-shortcuts) - Manage keyboard shortcuts from one place. - [useKeyCapture](https://github.com/pranesh239/use-key-capture) - A custom hook to ease the key-press listeners of a target/global. +- [react-keyboard-navigator](https://github.com/zheeeng/react-keyboard-navigator) - A suite of React components and hook for selecting sibling components through the keyboard. #### Scroll Events From 0679ad8aa8f9bf7d608e7edfc7d199e49a5ebd93 Mon Sep 17 00:00:00 2001 From: Zheeeng <air.island.e@foxmail.com> Date: Fri, 15 Jul 2022 02:02:06 +0800 Subject: [PATCH 292/373] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index e9addc7..b33535f 100644 --- a/README.md +++ b/README.md @@ -1029,6 +1029,7 @@ _Internationalization / L10n / localization / translation_ - [standard-react](https://github.com/feross/standard) - JavaScript Standard Style Guide. - [Plasmic](https://www.plasmic.app/) - Powerful design tool for building your React components visually. - [SimpleLocalize](https://github.com/simplelocalize/simplelocalize-cli) - Open source CLI tool for finding i18n keys in React projects. +- [react-device-frameset](https://github.com/zheeeng/react-device-frameset) - React device frameset component. ## Miscellaneous From 7e13ef37d9ac8c096e964528db8a9c93dc21db70 Mon Sep 17 00:00:00 2001 From: Kaspar Emanuel <kaspar@kitspace.org> Date: Thu, 14 Jul 2022 23:13:09 +0100 Subject: [PATCH 293/373] Fix grammar on react-lazyload --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index a2bc495..7ec42fe 100644 --- a/README.md +++ b/README.md @@ -154,7 +154,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- ### Infinite Scroll - [@egjs/react-infinitegrid](https://github.com/naver/egjs-infinitegrid/blob/master/packages/react-infinitegrid) - [npm](https://www.npmjs.com/package/@egjs/react-infinitegrid) - [demo](https://naver.github.io/egjs-infinitegrid/storybook/) - A module used to arrange card elements including content infinitely according to various layout types. -- [react-lazyload](https://github.com/jasonslyvia/react-lazyload) - Lazyload your Component, Image or anything matters the performance. +- [react-lazyload](https://github.com/jasonslyvia/react-lazyload) - Lazyload your Component, Image or anything else where the performance matters. - [react-list](https://github.com/orgsync/react-list) - A versatile infinite scroll React component. - [af-virtual-scroll](https://github.com/nowaalex/af-virtual-scroll) - [demo/docs](https://af-virtual-scroll.vercel.app/docs/why) - Render large scrollable lists and tables. - [react-window](https://github.com/bvaughn/react-window) - [demo](https://react-window.now.sh/) - React components for efficiently rendering large lists and tabular data From 7ad4887f8d96d274ea9d953483e16f02595c4402 Mon Sep 17 00:00:00 2001 From: Robin Wieruch <hello@rwieruch.com> Date: Sat, 16 Jul 2022 20:18:06 +0200 Subject: [PATCH 294/373] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 7ec42fe..14aa97c 100644 --- a/README.md +++ b/README.md @@ -145,6 +145,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [mui-datatables](https://github.com/gregnb/mui-datatables) - Built on Material UI. Search, styling, filtering, resize/hide columns, export, print, select/expand rows. - [react-data-table](https://github.com/jbetancur/react-data-table-component) - [demo/docs](https://jbetancur.github.io/react-data-table-component/?) - accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination - [react-table](https://github.com/tannerlinsley/react-table) - [demo](https://react-table.tanstack.com/docs/examples/basic) - Hooks for building fast and extendable tables and datagrids +- [react-table-library](https://github.com/table-library/react-table-library) - [demo](https://react-table-library.com/) - React Table Library -- an almost headless table library -- for building better tables. - [rsuite-table](https://github.com/rsuite/rsuite-table) - [demo/docs](http://rsuite.github.io/rsuite-table/) - A table component that supports virtualized. - [sematable](https://github.com/sematext/sematable) - Client side sorting, pagination, and text filter for redux/react based apps. - [DevExtreme React Grid](https://devexpress.github.io/devextreme-reactive/react/grid/) - High-performance plugin-based data grid for Bootstrap and Material Design. From afa75af3a1ef3063899a068d4623e4f5d69b6c70 Mon Sep 17 00:00:00 2001 From: Jonas Lang <78701946+jonaslng@users.noreply.github.com> Date: Thu, 21 Jul 2022 21:37:07 +0200 Subject: [PATCH 295/373] Update README.md Added 2 new packages: -tabler-icons-react (icon library) -react-firebase-hooks (firebase integration) Deleted 1 package: -react-desktop (the components in the package are outdated and from previous versions) --- README.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 14aa97c..dddc592 100644 --- a/README.md +++ b/README.md @@ -344,6 +344,7 @@ _Display icons / icon set / emojis_ - [react-icons](https://github.com/gorangajic/react-icons) - Svg react icons of popular icon packs using ES6 imports. - [react-open-doodles](https://github.com/lunahq/react-open-doodles) - Awesome free illustrations as react components. - [react-icomoon](https://github.com/aykutkardas/react-icomoon) - With react-icomoon you can easily use the icons you have selected or created in icomoon. +- [tabler-icons-react](https://tabler-icons-react.vercel.app) - A set of over 450 free MIT-licensed high-quality SVG icons. ### Paginator @@ -690,7 +691,6 @@ _Set of components + responsive layout system_ - [shards-react](https://github.com/DesignRevision/shards-react) - [docs/demo](https://designrevision.com/docs/shards-react/getting-started) - A beautiful and modern React design system. Freemium 💰 - [aframe-react](https://github.com/ngokevin/aframe-react) - Build virtual reality experiences with A-Frame and React. - [react-admin](https://github.com/marmelab/react-admin) - Build admin user experiences on top of REST and GraphQL services. -- [react-desktop](https://github.com/gabrielbull/react-desktop) - React UI Components for macOS Sierra and Windows 10. - [refine](https://github.com/pankod/refine) - [demo](https://example.refine.dev) - [docs](https://refine.dev/docs) - Build data-intensive applications in no time. It ships with Ant Design System, an enterprise-level UI toolkit. - [matrix-card](https://github.com/MehmetKaplan/matrix-card) - [demo](https://mehmetkaplan.github.io/matrix-card/) - Simplest possible component to generate matrix rain style cards. - [rsuite](https://github.com/rsuite/rsuite) - [demo/docs](https://rsuitejs.com/) - Suite of components for "enterprise system products". @@ -959,7 +959,8 @@ _Internationalization / L10n / localization / translation_ - [react-stripe-checkout](https://github.com/azmenak/react-stripe-checkout) - Load stripe's checkout.js as a react component. Easiest way to use checkout with React. - [redux-segment](https://github.com/rangle/redux-segment) - Segment.io analytics integration for redux. - [react-slack-notification](https://github.com/Nilanth/react-slack-notification) - Send messages and error logs to a Slack channel directly. - +- [react-firebase-hooks](https://github.com/csfrequency/react-firebase-hooks) - Hooks to integrate firebase in your application. + ## Performance ### UI From efcea742bde8c0f6aba6baa9003d05137d747d63 Mon Sep 17 00:00:00 2001 From: mikhail_zakharov <mikhail@getic.eu> Date: Fri, 22 Jul 2022 00:03:31 +0400 Subject: [PATCH 296/373] Add react-query --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index dddc592..3e8a9f5 100644 --- a/README.md +++ b/README.md @@ -847,6 +847,7 @@ _Component properties asynchronously fetched over the network_ - [adrenaline](https://github.com/gyzerok/adrenaline) - Simple Relay alternative. - [apollo-client](https://github.com/apollostack/apollo-client) - A simple caching client for any GraphQL server and UI framework. - [react-relay](https://github.com/facebook/relay) - Relay is a JavaScript framework for building data-driven React applications. +- [query](https://github.com/TanStack/query) - [docs](https://tanstack.com/query/v4) Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. ### CSS / Style From 4e6db2318fe2a95e0b5097addbb750260cc1f919 Mon Sep 17 00:00:00 2001 From: Yair Even Or <vsync.design@gmail.com> Date: Mon, 25 Jul 2022 14:22:21 +0300 Subject: [PATCH 297/373] Update README.md Added `yairEO/ui-switch` and removed the icon above which is only there to attract attention --- README.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 3e8a9f5..1656b67 100644 --- a/README.md +++ b/README.md @@ -467,7 +467,8 @@ _Autosuggest / autocomplete / typeahead_ - [@anatoliygatt/heart-switch](https://github.com/anatoliygatt/heart-switch) - [demo](https://codesandbox.io/s/demo-for-anatoliygatt-heart-switch-cds5p) - A fully themeable and accessible heart-shaped toggle switch component. - [react-ios-switch](https://github.com/clari/react-ios-switch) - React switch component. - [react-toggle](https://github.com/instructure-react/react-toggle) - An elegant, accessible toggle component for React. Also a glorified checkbox. -- [react-triple-toggle](https://github.com/geobde/react-triple-toggle) - ⚛️ React multi toggle component. +- [react-triple-toggle](https://github.com/geobde/react-triple-toggle) - React multi toggle component. +- [ui-switch](https://github.com/yairEO/ui-switch) - The most complete *Toggle* component #### Slider From 383643d64c57b4c2f35d07b4cf8cc483ebe50b28 Mon Sep 17 00:00:00 2001 From: Andrei Zanouski <andreizanik@gmail.com> Date: Thu, 4 Aug 2022 12:51:42 +0200 Subject: [PATCH 298/373] add react-mouse-select --- README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/README.md b/README.md index 1656b67..63dd3a8 100644 --- a/README.md +++ b/README.md @@ -49,6 +49,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [Paginator](#paginator) - [Markdown Viewer](#markdown-viewer) - [Canvas](#canvas) + - [Selecting DOM elements](#selecting-dom-elements) - [Miscellaneous](#miscellaneous) - [Form Components](#form-components) - [Date / Time picker](#date--time-picker) @@ -370,6 +371,9 @@ _Sketch input using Canvas or SVG_ - [react-sketch-canvas](https://github.com/vinothpandian/react-sketch-canvas) - [Demo](https://vinoth.info/react-sketch-canvas/?path=/story/*) Freehand vector drawing tool for React using SVG as canvas. Accepts input from Mouse, touch, and graphic tablets - [react-heat-map](https://github.com/uiwjs/react-heat-map) - A lightweight calendar heatmap react component built on SVG, customizable version of GitHub's contribution graph. +### Selecting DOM elements +- [react-mouse-select](https://github.com/andreizanik/react-mouse-select) - [Demo](https://andreizanik.github.io/react-mouse-select/) A component that allows selecting DOM elements by moving the mouse + ### Miscellaneous - [react-advanced-news-ticker](https://github.com/ahmetcanaydemir/react-advanced-news-ticker) - [demo](https://www.ahmetcanaydemir.com/react-advanced-news-ticker/) - A flexible and animated vertical news ticker component From 9075521c8a4b7567ba31060a397fad8abe761dbc Mon Sep 17 00:00:00 2001 From: Andrei Zanouski <andreizanik@gmail.com> Date: Thu, 4 Aug 2022 17:13:32 +0200 Subject: [PATCH 299/373] delete subsection --- README.md | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/README.md b/README.md index 63dd3a8..a24b35b 100644 --- a/README.md +++ b/README.md @@ -49,7 +49,6 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [Paginator](#paginator) - [Markdown Viewer](#markdown-viewer) - [Canvas](#canvas) - - [Selecting DOM elements](#selecting-dom-elements) - [Miscellaneous](#miscellaneous) - [Form Components](#form-components) - [Date / Time picker](#date--time-picker) @@ -371,9 +370,6 @@ _Sketch input using Canvas or SVG_ - [react-sketch-canvas](https://github.com/vinothpandian/react-sketch-canvas) - [Demo](https://vinoth.info/react-sketch-canvas/?path=/story/*) Freehand vector drawing tool for React using SVG as canvas. Accepts input from Mouse, touch, and graphic tablets - [react-heat-map](https://github.com/uiwjs/react-heat-map) - A lightweight calendar heatmap react component built on SVG, customizable version of GitHub's contribution graph. -### Selecting DOM elements -- [react-mouse-select](https://github.com/andreizanik/react-mouse-select) - [Demo](https://andreizanik.github.io/react-mouse-select/) A component that allows selecting DOM elements by moving the mouse - ### Miscellaneous - [react-advanced-news-ticker](https://github.com/ahmetcanaydemir/react-advanced-news-ticker) - [demo](https://www.ahmetcanaydemir.com/react-advanced-news-ticker/) - A flexible and animated vertical news ticker component @@ -390,6 +386,7 @@ _Sketch input using Canvas or SVG_ - [react-headings](https://github.com/alexnault/react-headings) - Auto-increment your HTML headings (h1, h2, etc.) for improved accessibility and SEO, no matter your component structure, while you keep full control of what's rendered. - [react-joyride](https://github.com/gilbarbara/react-joyride) - Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!. - [react-json-tree](https://github.com/alexkuz/react-json-tree) - React JSON Viewer Component, Extracted from redux-devtools. +- [react-mouse-select](https://github.com/andreizanik/react-mouse-select) - [Demo](https://andreizanik.github.io/react-mouse-select/) A component that allows selecting DOM elements by moving the mouse - [react-resizable-and-movable](https://github.com/bokuweb/react-resizable-and-movable) - Resizable and movable component for React. - [react-resizable-box](https://github.com/bokuweb/react-resizable-box) - Resizable component for React. #reactjs. - [react-searchbox-awesome](https://github.com/axmz/react-searchbox-awesome) - [demo](https://axmz.github.io/react-searchbox-awesome-page/) - Minimalistic searchbox. From f5271949532b258b019f50e7f234c534472d95b0 Mon Sep 17 00:00:00 2001 From: Pranav Kural <pranavkural042@gmail.com> Date: Fri, 5 Aug 2022 12:07:23 -0600 Subject: [PATCH 300/373] Updated react-awesome-slider demo link --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index a24b35b..eb8fa06 100644 --- a/README.md +++ b/README.md @@ -225,7 +225,7 @@ _Loaders / spinners / progress bars — Let the user know that something is load ### Carousel - [@egjs/react-flicking](https://github.com/naver/egjs-flicking/blob/master/packages/react-flicking/) - [npm](https://www.npmjs.com/package/@egjs/react-flicking) - [demo](https://naver.github.io/egjs-flicking/) - It's reliable, flexible and extendable carousel. -- [react-awesome-slider](https://github.com/rcaferati/react-awesome-slider) - [demo](https://caferati.me/demo/react-awesome-slider) - 3D animated 60fps media and content slider/carousel. +- [react-awesome-slider](https://github.com/rcaferati/react-awesome-slider) - [demo](https://fullpage.caferati.me/) - Fullpage, 3D animated, 60fps media and content slider/carousel. - [pure-react-carousel](https://github.com/express-labs/pure-react-carousel) - Built from scratch and not highly opinionated. - [react-id-swiper](https://github.com/kidjp85/react-id-swiper) - A library to use idangerous Swiper as a ReactJs component - [react-instagram-zoom-slider](https://github.com/skozer/react-instagram-zoom-slider) - [demo](https://skozer.github.io/react-instagram-zoom-slider/) - A slider component with pinch to zoom capabilities inspired by Instagram. From 4871fedda3bdfdb3470ac3d73507b65c9bcf7461 Mon Sep 17 00:00:00 2001 From: Gabriel Alves Cunha <gabriel925486@outlook.com> Date: Mon, 8 Aug 2022 22:40:32 -0300 Subject: [PATCH 301/373] Remove 'carte-blanche' Remove outdated pkg. Last commit was 3 years ago on the README, others were 6 and 7 years ago. --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index eb8fa06..fcb659f 100644 --- a/README.md +++ b/README.md @@ -999,7 +999,6 @@ _Internationalization / L10n / localization / translation_ ### Test -- [carte-blanche](https://github.com/carteb/carte-blanche) - An isolated development space with integrated fuzz testing for your components. - [chai-enzyme](https://github.com/producthunt/chai-enzyme) - Chai.js assertions and convenience functions for testing React Components with enzyme. - [enzyme](https://github.com/airbnb/enzyme) - JavaScript Testing utilities for React. - [jest-cli](https://github.com/facebook/jest) - Painless JavaScript Testing. From 5d3195de9851859fc92596dce67eab750834405f Mon Sep 17 00:00:00 2001 From: Norserium <norserium@gmail.com> Date: Sun, 25 Sep 2022 01:09:44 +0300 Subject: [PATCH 302/373] Add react-mobile-cropper This library is based on `react-advanced-cropper`. Unlike the original library this library doesn't focus on flexibility, it's ready to use solution with specific behavior and interface. [Documentation](https://github.com/advanced-cropper/react-mobile-cropper) / [sandbox](https://codesandbox.io/s/react-mobile-cropper-c1bz2) According to the rules, I've removed the link to [`react-json-tree`](https://github.com/alexkuz/react-json-tree), because it's archived now and the repository content moved to `redux-devtools` monorepository that is already in this list. --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index fcb659f..d4b74a8 100644 --- a/README.md +++ b/README.md @@ -385,7 +385,6 @@ _Sketch input using Canvas or SVG_ - [react-filter-control](https://github.com/komarovalexander/react-filter-control) - The React filterbuilder component for building the filter criteria in the UI. - [react-headings](https://github.com/alexnault/react-headings) - Auto-increment your HTML headings (h1, h2, etc.) for improved accessibility and SEO, no matter your component structure, while you keep full control of what's rendered. - [react-joyride](https://github.com/gilbarbara/react-joyride) - Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!. -- [react-json-tree](https://github.com/alexkuz/react-json-tree) - React JSON Viewer Component, Extracted from redux-devtools. - [react-mouse-select](https://github.com/andreizanik/react-mouse-select) - [Demo](https://andreizanik.github.io/react-mouse-select/) A component that allows selecting DOM elements by moving the mouse - [react-resizable-and-movable](https://github.com/bokuweb/react-resizable-and-movable) - Resizable and movable component for React. - [react-resizable-box](https://github.com/bokuweb/react-resizable-box) - Resizable component for React. #reactjs. @@ -565,7 +564,8 @@ _Image manipulation_ - [react-easy-crop](https://github.com/ricardo-ch/react-easy-crop) - Component to crop/rotate images/videos with easy interactions. Touch friendly. - [react-image-crop](https://github.com/DominicTobias/react-image-crop) - A responsive image cropping tool for React. - [react-image-cropper](https://github.com/jerryshew/react-image-cropper) - Image cropper. -- [react-advanced-cropper](https://github.com/Norserium/react-advanced-cropper) - A react cropper library to create the cropper exactly suited for your website design. +- [react-advanced-cropper](https://github.com/advanced-cropper/react-advanced-cropper) - A react cropper library to create the cropper exactly suited for your website design. +- [react-mobile-cropper](https://github.com/advanced-cropper/react-mobile-cropper) - A ready-to-use image cropping library highly inspirited by popular Android croppers. Based on `react-advanced-cropper`. #### Form Component Collections From c448c8f02428c39224fea35d950df589d5ed133d Mon Sep 17 00:00:00 2001 From: Jhony Vega <jhonyvega.dev@gmail.com> Date: Sun, 9 Oct 2022 09:28:08 -0500 Subject: [PATCH 303/373] add stitches-js library --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index d4b74a8..25e0697 100644 --- a/README.md +++ b/README.md @@ -863,6 +863,7 @@ _Component properties asynchronously fetched over the network_ - [react-responsive](https://github.com/contra/react-responsive) - Media queries in react for responsive design. - [reactponsive](https://github.com/jmlweb/reactponsive) - Responsive components and hooks. - [styled-components](https://github.com/styled-components/styled-components) - Visual primitives for the component age. +- [stitches](https://github.com/stitchesjs/stitches) - CSS-in-JS with near-zero runtime, SSR, multi-variant support. ### HTML Template From 67612eca15465dae365922ab8a3974bcf12c4e82 Mon Sep 17 00:00:00 2001 From: James Kerr <jkerr838@gmail.com> Date: Thu, 27 Oct 2022 16:43:27 -0700 Subject: [PATCH 304/373] Add React Arborist Remove react-treebeard as it hasn't had any recent commits in several years. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 25e0697..4d3b39e 100644 --- a/README.md +++ b/README.md @@ -276,8 +276,8 @@ _Display data in charts / graphs / diagrams_ _Display a tree data structure_ +- [react-arborist](https://github.com/brimdata/react-arborist) - [demo](https://react-arborist.netlify.app/) - [react-complex-tree](https://github.com/lukasbach/react-complex-tree) - [demo](https://rct.lukasbach.com/) - [docs](https://rct.lukasbach.com/docs/getstarted) - Unopinionated Accessible Tree Component with Multi-Select, Drag-And-Drop and Search -- [react-treebeard](https://github.com/alexcurtis/react-treebeard) - React Tree View Component. Data-Driven, Fast, Efficient and Customisable. - [react-treeview](https://github.com/chenglou/react-treeview) - Easy, light, flexible tree view made with React. ### UI Navigation From 29a709682106b230846ae884bf5eb5548d7297d6 Mon Sep 17 00:00:00 2001 From: James Kerr <jkerr838@gmail.com> Date: Thu, 3 Nov 2022 12:33:36 -0700 Subject: [PATCH 305/373] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 4d3b39e..68afd37 100644 --- a/README.md +++ b/README.md @@ -276,7 +276,7 @@ _Display data in charts / graphs / diagrams_ _Display a tree data structure_ -- [react-arborist](https://github.com/brimdata/react-arborist) - [demo](https://react-arborist.netlify.app/) +- [react-arborist](https://github.com/brimdata/react-arborist) - [demo](https://react-arborist.netlify.app/) - A Full-Featured Tree View: headless, virtualized, multi-selectable, drag-n-drop, keyboard navigation, search - [react-complex-tree](https://github.com/lukasbach/react-complex-tree) - [demo](https://rct.lukasbach.com/) - [docs](https://rct.lukasbach.com/docs/getstarted) - Unopinionated Accessible Tree Component with Multi-Select, Drag-And-Drop and Search - [react-treeview](https://github.com/chenglou/react-treeview) - Easy, light, flexible tree view made with React. From a1ebdad04052288b03ef04143976b575d5492a5e Mon Sep 17 00:00:00 2001 From: Abdul Malik <malik301002@gmail.com> Date: Sun, 20 Nov 2022 15:47:59 +0700 Subject: [PATCH 306/373] docs: add react-select-search --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 68afd37..d236925 100644 --- a/README.md +++ b/README.md @@ -454,6 +454,7 @@ _Autosuggest / autocomplete / typeahead_ - [react-select-box](https://github.com/instructure-react/react-select-box) - An accessible select box component for React. - [react-select](https://github.com/JedWatson/react-select) - A Select control built with and for React JS. - [react-column-select](https://github.com/chr-ge/react-column-select) - A column select component built for react. +- [react-select-search](https://github.com/tbleckert/react-select-search) - [demo](https://react-select-search.com/) - ⚡️ A lightweight select component for React #### Color Picker From 4bce725329da46c6a7ca73c7ba30d007300cb3c1 Mon Sep 17 00:00:00 2001 From: Samya brata Maji <samyabratamaji334@gmail.com> Date: Tue, 13 Dec 2022 21:12:08 +0530 Subject: [PATCH 307/373] [add] back to top button in readme.md #380 --- README.md | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/README.md b/README.md index d236925..34e8832 100644 --- a/README.md +++ b/README.md @@ -127,6 +127,8 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- ## UI Components +**[`Back to top ⬆️`](#table-of-contents)** + ### Editable data grid / spreadsheet - [fortune-sheet](https://github.com/ruilisi/fortune-sheet) - An online spreedsheet component that provides out-of-the-box features just like Excel. @@ -588,6 +590,8 @@ _Image manipulation_ ## UI Layout +**[`Back to top ⬆️`](#table-of-contents)** + _Components to layout the app's UI_ - [autoresponsive-react](https://github.com/xudafeng/autoresponsive-react) - Auto responsive grid layout library. @@ -605,6 +609,8 @@ _Components to layout the app's UI_ ## UI Animation +**[`Back to top ⬆️`](#table-of-contents)** + _Animate transitions_ - [data-driven-motion](https://github.com/tkh44/data-driven-motion) - Easily animate your data. @@ -636,6 +642,8 @@ _Animate transitions_ ## UI Frameworks +**[`Back to top ⬆️`](#table-of-contents)** + ### Responsive _Set of components + responsive layout system_ @@ -701,6 +709,8 @@ _Set of components + responsive layout system_ ## UI Utilities +**[`Back to top ⬆️`](#table-of-contents)** + ### Reporter _Report computed styles_ @@ -775,6 +785,8 @@ _A/B tests, experiments, ..._ ## Code Design +**[`Back to top ⬆️`](#table-of-contents)** + _Libraries that help with code design_ ### Data Store @@ -919,6 +931,8 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ ## Utilities +**[`Back to top ⬆️`](#table-of-contents)** + - [qrcode.react](https://github.com/zpao/qrcode.react) - A <QRCode/> component for use with React. - [react-children-utilities](https://github.com/fernandopasik/react-children-utilities) - Extended utils for React.Children. - [react-media](https://github.com/ReactTraining/react-media) - A CSS media query component for React. @@ -968,6 +982,8 @@ _Internationalization / L10n / localization / translation_ ## Performance +**[`Back to top ⬆️`](#table-of-contents)** + ### UI - [inferno](https://github.com/trueadm/inferno) - An extremely fast, React-like JavaScript library for building modern user interfaces. @@ -999,6 +1015,8 @@ _Internationalization / L10n / localization / translation_ ## Dev Tools +**[`Back to top ⬆️`](#table-of-contents)** + ### Test - [chai-enzyme](https://github.com/producthunt/chai-enzyme) - Chai.js assertions and convenience functions for testing React Components with enzyme. @@ -1040,6 +1058,8 @@ _Internationalization / L10n / localization / translation_ ## Miscellaneous +**[`Back to top ⬆️`](#table-of-contents)** + - [DataFormsJS JSX Loader](https://github.com/dataformsjs/dataformsjs/blob/master/docs/jsx-loader.md) - Small JavaScript Compiler for quickly converting JSX to JS directly on a web page. - [html-to-react-components](https://github.com/roman01la/html-to-react-components) - Extract annotated portions of HTML into React components as separate modules. - [htmltojsx](https://github.com/reactjs/react-magic) - Automatically AJAXify plain HTML with the power of React. It's magic!. @@ -1054,6 +1074,8 @@ _Internationalization / L10n / localization / translation_ ## Cloud Solutions +**[`Back to top ⬆️`](#table-of-contents)** + ### Databases - [crisp-bigquery](https://github.com/winwiz1/crisp-bigquery) - Full stack Google BigQuery with Express in TypeScript. From 12b9bf5f32e41c26d560081b885ec5a02e4a9c40 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Zolt=C3=A1n=20Sz=C5=91gy=C3=A9nyi?= <zoltan@themesberg.com> Date: Fri, 23 Dec 2022 13:27:28 +0200 Subject: [PATCH 308/373] Add flowbite-react and remove pivotal-ui. Removed pivotal-ui because it was last updated in 2015. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 34e8832..99cd6d1 100644 --- a/README.md +++ b/README.md @@ -664,7 +664,7 @@ _Set of components + responsive layout system_ - [grommet](https://github.com/grommet/grommet) - The most advanced UX framework for enterprise applications. - [Mantine](https://github.com/mantinedev/mantine) - [demo/docs](https://mantine.dev/) - A fully featured library with 100+ hooks and components with native dark theme support - [orbit](https://github.com/kiwicom/orbit) - Components for building travel oriented projects. -- [pivotal-ui](https://github.com/pivotal-cf/pivotal-ui) - React components based on a custom version of the Bootstrap library. +- [flowbite-react](https://github.com/themesberg/flowbite-react) - Open-source UI component library based on React, Tailwind CSS, and Flowbite. - [primereact](https://github.com/primefaces/primereact) - A complete UI Framework with 50+ components featuring material, bootstrap and custom themes. - [radix-ui](https://www.radix-ui.com/) - Unstyled, accessible components for building high‑quality design systems and web apps. - [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap components built with React. From 100dd05ede48b9032d2ccba2673785f1f98b2d0b Mon Sep 17 00:00:00 2001 From: Abdul Malik <malik301002@gmail.com> Date: Wed, 11 Jan 2023 19:50:43 +0700 Subject: [PATCH 309/373] docs: add neodrag add neodrag to Drag and Drop list --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 99cd6d1..f61d78d 100644 --- a/README.md +++ b/README.md @@ -520,6 +520,7 @@ _Let the user add multiple tags in a single input_ - [react-dropzone](https://github.com/okonet/react-dropzone) - Simple HTML5 drag-drop zone with React.js. - [react-movable](https://github.com/tajo/react-movable) - Accessible and minimalistic (<4kB gzipped) library for vertical drag and drop in lists and tables. - [react-sortable-pane](https://github.com/bokuweb/react-sortable-pane) - Sortable and resizable pane component for React. +- [neodrag](https://github.com/PuruVJ/neodrag) - Multi-framework libraries for dragging. Choose your framework, the dragging API behavior will stay the same 🔥 #### Sortable List From c0d287607177da3a1f2f6078d507a152480b3d68 Mon Sep 17 00:00:00 2001 From: Igor Danchenko <64441155+igordanchenko@users.noreply.github.com> Date: Tue, 17 Jan 2023 18:39:49 -0500 Subject: [PATCH 310/373] replace react-image-lightbox with yet-another-react-lightbox --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index f61d78d..6339652 100644 --- a/README.md +++ b/README.md @@ -331,7 +331,7 @@ _Display images / photos_ - [lightGallery](https://github.com/sachinchoolur/lightGallery) - [demo](https://www.lightgalleryjs.com/) - [docs](https://www.lightgalleryjs.com/docs/react/) - Full-featured lightbox gallery component. - [react-compare-image](https://github.com/junkboy0315/react-compare-image) - [demo](https://react-compare-image.yuuniworks.com/) - React component to compare two images using a slider. - [react-image-gallery](https://github.com/xiaolin/react-image-gallery) - Responsive image gallery, carousel, image slider react component. -- [react-image-lightbox](https://github.com/fritz-c/react-image-lightbox) - React lightbox component. +- [yet-another-react-lightbox](https://github.com/igordanchenko/yet-another-react-lightbox) - [demo](https://yet-another-react-lightbox.com/examples) - [docs](https://yet-another-react-lightbox.com/documentation) - React lightbox component. - [react-intense](https://github.com/brycedorn/react-intense) - A React component for viewing large images up close. - [react-photo-album](https://github.com/igordanchenko/react-photo-album) - [demo](https://react-photo-album.com/examples) - [docs](https://react-photo-album.com/documentation) - Responsive React Photo Gallery. - [react-svg-pan-zoom](https://github.com/chrvadala/react-svg-pan-zoom) - A React component that adds pan and zoom features to SVG. From 32598fc2f1d8e0f35363054632b8799bf74fd6d2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tom=20=C3=96sterlund?= <63011648+tomosterlund@users.noreply.github.com> Date: Thu, 26 Jan 2023 06:38:10 +0100 Subject: [PATCH 311/373] add Phormal to README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 6339652..98f62b2 100644 --- a/README.md +++ b/README.md @@ -825,6 +825,7 @@ _Data flow / data management / data stores / components state / data flow_ - [formcat](https://github.com/guilouro/formcat) - A simple and easy way to control forms in React using the React Context API - [formik](https://github.com/jaredpalmer/formik) - Build forms without tears and supports Validation in ease. - [formsy-react](https://github.com/formsy/formsy-react/) - A form input builder and validator for React JS. +- [Phormal](https://github.com/phormal/phormal) - [Docs & Demos](https://phormal.dev/) - Responsive, multi-language forms with built-in validation. - [plexus-form](https://github.com/AppliedMathematicsANU/plexus-form) - A dynamic form component for react using JSON-Schema. - [react-hook-form](https://github.com/react-hook-form/react-hook-form) - React hooks for form validation without the hassle. - [react-jsonschema-form](https://github.com/mozilla-services/react-jsonschema-form) - A React component for building Web forms from JSONSchema. From e0d57f1fc723b75bae1438f6eb11e239cb6957e9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tom=20=C3=96sterlund?= <63011648+tomosterlund@users.noreply.github.com> Date: Thu, 26 Jan 2023 06:42:31 +0100 Subject: [PATCH 312/373] update description of Phormal --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 98f62b2..0b30580 100644 --- a/README.md +++ b/README.md @@ -825,7 +825,7 @@ _Data flow / data management / data stores / components state / data flow_ - [formcat](https://github.com/guilouro/formcat) - A simple and easy way to control forms in React using the React Context API - [formik](https://github.com/jaredpalmer/formik) - Build forms without tears and supports Validation in ease. - [formsy-react](https://github.com/formsy/formsy-react/) - A form input builder and validator for React JS. -- [Phormal](https://github.com/phormal/phormal) - [Docs & Demos](https://phormal.dev/) - Responsive, multi-language forms with built-in validation. +- [Phormal](https://github.com/phormal/phormal) - [Docs & Demos](https://phormal.dev/getting-started/react) - Responsive, multilingual forms with built-in validation, support for dark mode and right-to-left languages. - [plexus-form](https://github.com/AppliedMathematicsANU/plexus-form) - A dynamic form component for react using JSON-Schema. - [react-hook-form](https://github.com/react-hook-form/react-hook-form) - React hooks for form validation without the hassle. - [react-jsonschema-form](https://github.com/mozilla-services/react-jsonschema-form) - A React component for building Web forms from JSONSchema. From 7b4d92bac0117e2f0f9613eaed603bdea3b9fd65 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tom=20=C3=96sterlund?= <63011648+tomosterlund@users.noreply.github.com> Date: Thu, 26 Jan 2023 06:46:09 +0100 Subject: [PATCH 313/373] delete old libraries --- README.md | 2 -- 1 file changed, 2 deletions(-) diff --git a/README.md b/README.md index 0b30580..97a1ba6 100644 --- a/README.md +++ b/README.md @@ -470,7 +470,6 @@ _Autosuggest / autocomplete / typeahead_ - [@anatoliygatt/heart-switch](https://github.com/anatoliygatt/heart-switch) - [demo](https://codesandbox.io/s/demo-for-anatoliygatt-heart-switch-cds5p) - A fully themeable and accessible heart-shaped toggle switch component. - [react-ios-switch](https://github.com/clari/react-ios-switch) - React switch component. - [react-toggle](https://github.com/instructure-react/react-toggle) - An elegant, accessible toggle component for React. Also a glorified checkbox. -- [react-triple-toggle](https://github.com/geobde/react-triple-toggle) - React multi toggle component. - [ui-switch](https://github.com/yairEO/ui-switch) - The most complete *Toggle* component #### Slider @@ -822,7 +821,6 @@ _Data flow / data management / data stores / components state / data flow_ ### Form Logic - [data-driven-forms](https://github.com/data-driven-forms/react-forms) - A declarative way for building forms with all the functionality. -- [formcat](https://github.com/guilouro/formcat) - A simple and easy way to control forms in React using the React Context API - [formik](https://github.com/jaredpalmer/formik) - Build forms without tears and supports Validation in ease. - [formsy-react](https://github.com/formsy/formsy-react/) - A form input builder and validator for React JS. - [Phormal](https://github.com/phormal/phormal) - [Docs & Demos](https://phormal.dev/getting-started/react) - Responsive, multilingual forms with built-in validation, support for dark mode and right-to-left languages. From b26e18480ab1b368a1e76a79ad54dcf9dc4c0135 Mon Sep 17 00:00:00 2001 From: Philip Daineka <philip@flatlogic.com> Date: Tue, 31 Jan 2023 11:50:26 +0100 Subject: [PATCH 314/373] Update the list of charts Dashboard templates --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 97a1ba6..da7b2af 100644 --- a/README.md +++ b/README.md @@ -273,6 +273,7 @@ _Display data in charts / graphs / diagrams_ - [Smart React Chart](https://www.htmlelements.com/react/demos/chart/overview/) - Feature complete Charting library. - [react-muze](https://github.com/chartshq/react-muze) - React wrapper for [muze](https://muzejs.org/)(free data visualization library for creating exploratory data visualizations in browser, using WebAssembly) - [Flowchart React](https://github.com/joyceworks/flowchart-react) - Flowchart & Flowchart designer for React.js. +- [react-dashboard](https://github.com/flatlogic/react-dashboard) - Isomorphic Dashboards. ### Tree From d5aeb8051e2d38c9c3f599bdd28cbc6904d6020b Mon Sep 17 00:00:00 2001 From: Moishi Netzer <moishinetzer@gmail.com> Date: Wed, 22 Feb 2023 11:37:04 +0000 Subject: [PATCH 315/373] Remove deprecated packages --- README.md | 7 ------- 1 file changed, 7 deletions(-) diff --git a/README.md b/README.md index da7b2af..2121696 100644 --- a/README.md +++ b/README.md @@ -908,17 +908,10 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [nx](https://nx.dev) - Next generation build system with first class monorepo support and powerful integrations. - [react-boilerplate](https://github.com/mxstbr/react-boilerplate) - Quick packager-agnostic boilerplate for React modules using JSX. - [react-hot-boilerplate](https://github.com/gaearon/react-hot-boilerplate) - Minimal live-editing boilerplate for your next ReactJS project. -- [react-redux-universal-hot-example](https://github.com/erikras/react-redux-universal-hot-example) - A starter boilerplate for a universal webapp. -- [reactuate](https://github.com/reactuate/reactuate) - React/Redux stack (not a boilerplate kit). -- [redux-cli](https://github.com/SpencerCDixon/redux-cli) - An opinionated CLI for building redux/react apps quicker. -- [relay-fullstack](https://github.com/lvarayut/relay-fullstack) - Relay Starter Kit. -- [roc](https://github.com/rocjs/roc) - Modern Application Development Ecosystem. - [rockpack](https://github.com/AlexSergey/rockpack) - Simple solution for creating React application with SSR, bundling, linting, testing within 5 minutes. -- [universal-redux](https://github.com/bdefore/universal-redux) - An npm package that lets you jump right into coding React and Redux. - [create-react-dependency](https://github.com/andrelmlins/create-react-dependency) - Create react dependencies with no build configuration. - [phoenix](https://github.com/Sazito/phoenix) - A simple boilerplate that helps you make your react application with Server Side Rendering & Localization support. - [react-enterprise-starter-kit](https://github.com/anandgupta193/react-enterprise-starter-kit) - Highly Scalable and Performant Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase. -- [express-react-boilerplate](https://github.com/htdangkhoa/erb) - A tool that helps programmers create Express & React projects easily base on react-cool-starter. ### Miscellaneous From 46ccfcf3d985a9f47c419c1a7addf9fa444aee2e Mon Sep 17 00:00:00 2001 From: Moishi Netzer <moishinetzer@gmail.com> Date: Wed, 22 Feb 2023 11:38:06 +0000 Subject: [PATCH 316/373] Add PBandJ --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 2121696..e1a0e14 100644 --- a/README.md +++ b/README.md @@ -906,6 +906,7 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [generator-starhackit](https://github.com/FredericHeem/starhackit) - Full-stack starter kit. - [nwb](https://github.com/insin/nwb) - CLI tool and devDependency for React apps & components and npm modules. - [nx](https://nx.dev) - Next generation build system with first class monorepo support and powerful integrations. +- [PBandJ](https://github.com/moishinetzer/pbandj) - Zero-Config Reusable Component Framework. - [react-boilerplate](https://github.com/mxstbr/react-boilerplate) - Quick packager-agnostic boilerplate for React modules using JSX. - [react-hot-boilerplate](https://github.com/gaearon/react-hot-boilerplate) - Minimal live-editing boilerplate for your next ReactJS project. - [rockpack](https://github.com/AlexSergey/rockpack) - Simple solution for creating React application with SSR, bundling, linting, testing within 5 minutes. From 6173891f7448c71d03de9464ec76feda1448eb45 Mon Sep 17 00:00:00 2001 From: Moishi Netzer <moishinetzer@gmail.com> Date: Wed, 22 Feb 2023 11:44:04 +0000 Subject: [PATCH 317/373] format styling --- README.md | 19 +++++++++++-------- 1 file changed, 11 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index e1a0e14..57b206b 100644 --- a/README.md +++ b/README.md @@ -21,6 +21,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- <!-- START doctoc generated TOC please keep comment here to allow auto update --> <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE --> + ## Table of Contents - [UI Components](#ui-components) @@ -166,7 +167,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- _Display overlay / modal / alert / dialog / lightbox / popup_ -- [reboron](https://github.com/bold-commerce/reboron) - A collection of dialog animations with React.js +- [reboron](https://github.com/bold-commerce/reboron) - A collection of dialog animations with React.js - [react-aria-modal](https://github.com/davidtheclark/react-aria-modal) - A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices. - [react-modal](https://github.com/reactjs/react-modal) - Accessible modal dialog component for React. - [react-skylight](https://github.com/marcio/react-skylight) - A react component for modals and dialogs. @@ -215,6 +216,7 @@ _Fixed headers / scroll-up headers / sticky elements_ - [react-tabtab](https://github.com/ctxhou/react-tabtab) - React, tabs. ### Loader + _Loaders / spinners / progress bars — Let the user know that something is loading_ - [react-loader-spinner](https://github.com/mhnpd/react-loader-spinner) - Collection set of react-spinner for async operation. @@ -238,6 +240,7 @@ _Loaders / spinners / progress bars — Let the user know that something is load - [swiper](https://github.com/nolimits4web/Swiper) - [demo](https://swiperjs.com/demos) - [docs](https://swiperjs.com/react) - The most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. ### Buttons + - [react-awesome-button](https://github.com/rcaferati/react-awesome-button) - [demo](https://caferati.me/demo/react-awesome-button) - 3D animated 60fps buttons with load progress and social share actions. - [reactive-button](https://github.com/arifszn/reactive-button) - [demo](https://arifszn.github.io/reactive-button/docs/playground) - [docs](https://arifszn.github.io/reactive-button) - A beautiful animated button component with progress indicator. @@ -457,7 +460,7 @@ _Autosuggest / autocomplete / typeahead_ - [react-select-box](https://github.com/instructure-react/react-select-box) - An accessible select box component for React. - [react-select](https://github.com/JedWatson/react-select) - A Select control built with and for React JS. - [react-column-select](https://github.com/chr-ge/react-column-select) - A column select component built for react. -- [react-select-search](https://github.com/tbleckert/react-select-search) - [demo](https://react-select-search.com/) - ⚡️ A lightweight select component for React +- [react-select-search](https://github.com/tbleckert/react-select-search) - [demo](https://react-select-search.com/) - ⚡️ A lightweight select component for React #### Color Picker @@ -471,7 +474,7 @@ _Autosuggest / autocomplete / typeahead_ - [@anatoliygatt/heart-switch](https://github.com/anatoliygatt/heart-switch) - [demo](https://codesandbox.io/s/demo-for-anatoliygatt-heart-switch-cds5p) - A fully themeable and accessible heart-shaped toggle switch component. - [react-ios-switch](https://github.com/clari/react-ios-switch) - React switch component. - [react-toggle](https://github.com/instructure-react/react-toggle) - An elegant, accessible toggle component for React. Also a glorified checkbox. -- [ui-switch](https://github.com/yairEO/ui-switch) - The most complete *Toggle* component +- [ui-switch](https://github.com/yairEO/ui-switch) - The most complete _Toggle_ component #### Slider @@ -538,7 +541,7 @@ _Let the user define an order on a list_ - [edtr-io](https://github.com/edtr-io/edtr-io) - [demo](https://edtr.io/) - [docs](https://edtr.io/docs/getting-started) - WYSIWYG in-line web editor with plugins. - [megadraft](https://github.com/globocom/megadraft) - Rich Text editor built on top of draft.js. - [react-ace](https://github.com/securingsincity/react-ace) - Ace (Advanced Code Editor) wraper. -- [react-codemirror](https://github.com/uiwjs/react-codemirror) - [demo](https://uiwjs.github.io/react-codemirror/) - CodeMirror component for React. +- [react-codemirror](https://github.com/uiwjs/react-codemirror) - [demo](https://uiwjs.github.io/react-codemirror/) - CodeMirror component for React. - [react-contenteditable](https://github.com/lovasoa/react-contenteditable) - React component for a div with editable contents. - [react-draft-wysiwyg](https://github.com/jpuri/react-draft-wysiwyg) - WYSIWYG editor build on top of [DraftJS](https://draftjs.org/). - [react-editor](https://github.com/fritx/react-editor) - Simple richtext editor that can insert images and HTML. @@ -720,7 +723,7 @@ _Report computed styles_ _Report when a component becomes visible/hidden_ -- [react-intersection-observer](https://github.com/thebuilder/react-intersection-observer) - React implementation of the Intersection Observer API. +- [react-intersection-observer](https://github.com/thebuilder/react-intersection-observer) - React implementation of the Intersection Observer API. - [react-visibility-sensor](https://github.com/joshwnj/react-visibility-sensor) - Sensor component. - [react-waypoint](https://github.com/brigade/react-waypoint) - A React component to execute a function whenever you scroll to an element. @@ -863,7 +866,7 @@ _Component properties asynchronously fetched over the network_ - [adrenaline](https://github.com/gyzerok/adrenaline) - Simple Relay alternative. - [apollo-client](https://github.com/apollostack/apollo-client) - A simple caching client for any GraphQL server and UI framework. - [react-relay](https://github.com/facebook/relay) - Relay is a JavaScript framework for building data-driven React applications. -- [query](https://github.com/TanStack/query) - [docs](https://tanstack.com/query/v4) Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. +- [query](https://github.com/TanStack/query) - [docs](https://tanstack.com/query/v4) Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. ### CSS / Style @@ -943,7 +946,7 @@ _Internationalization / L10n / localization / translation_ - [react-localized](https://github.com/fakundo/react-localized) - Internationalization for React components based on `gettext` format. - [react-translate-maker](https://github.com/CherryProjects/react-translate-maker) - Universal internationalization (i18n) open source library for React. - [react-intl-universal](https://github.com/alibaba/react-intl-universal) - [demo](https://g.alicdn.com/alishu/common/0.0.95/intl-example/index.html) Internationalize React apps. Not only for React.Component but also for Vanilla JS. -- [@tolgee/react](https://github.com/tolgee/tolgee-js/tree/main/packages/react) - [docs](https://tolgee.io/docs/web/using_with_react/installation) – Web-based localization tool enabling users to translate directly in the React app they develop +- [@tolgee/react](https://github.com/tolgee/tolgee-js/tree/main/packages/react) - [docs](https://tolgee.io/docs/web/using_with_react/installation) – Web-based localization tool enabling users to translate directly in the React app they develop - [js-lingui](https://github.com/lingui/js-lingui) - [docs](https://lingui.js.org) – A readable, automated, and optimized (5 kb) internationalization for JavaScript. ### Framework bindings / integrations @@ -974,7 +977,7 @@ _Internationalization / L10n / localization / translation_ - [redux-segment](https://github.com/rangle/redux-segment) - Segment.io analytics integration for redux. - [react-slack-notification](https://github.com/Nilanth/react-slack-notification) - Send messages and error logs to a Slack channel directly. - [react-firebase-hooks](https://github.com/csfrequency/react-firebase-hooks) - Hooks to integrate firebase in your application. - + ## Performance **[`Back to top ⬆️`](#table-of-contents)** From c6cecba2cad7e0c8df0419af5d758b9f7acd8e40 Mon Sep 17 00:00:00 2001 From: Moishi Netzer <moishinetzer@gmail.com> Date: Wed, 22 Feb 2023 11:51:25 +0000 Subject: [PATCH 318/373] remove flairs --- README.md | 205 +++++++++++++++++++++++++++--------------------------- 1 file changed, 104 insertions(+), 101 deletions(-) diff --git a/README.md b/README.md index 57b206b..42dd744 100644 --- a/README.md +++ b/README.md @@ -24,105 +24,108 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- ## Table of Contents -- [UI Components](#ui-components) - - [Editable data grid / spreadsheet](#editable-data-grid--spreadsheet) - - [Table](#table) - - [Infinite Scroll](#infinite-scroll) - - [Overlay](#overlay) - - [Notification](#notification) - - [Tooltip](#tooltip) - - [Menu](#menu) - - [Sticky](#sticky) - - [Tabs](#tabs) - - [Loader](#loader) - - [Carousel](#carousel) - - [Buttons](#buttons) - - [Collapse](#collapse) - - [Chart](#chart) - - [Tree](#tree) - - [UI Navigation](#ui-navigation) - - [Custom Scrollbar](#custom-scrollbar) - - [Audio / Video](#audio--video) - - [Map](#map) - - [Time / Date / Age](#time--date--age) - - [Photo / Image](#photo--image) - - [Icons](#icons) - - [Paginator](#paginator) - - [Markdown Viewer](#markdown-viewer) - - [Canvas](#canvas) - - [Miscellaneous](#miscellaneous) - - [Form Components](#form-components) - - [Date / Time picker](#date--time-picker) - - [Emoji picker](#emoji-picker) - - [Input Types](#input-types) - - [Autocomplete](#autocomplete) - - [Select](#select) - - [Color Picker](#color-picker) - - [Toggle](#toggle) - - [Slider](#slider) - - [Radio Button](#radio-button) - - [Type Select](#type-select) - - [Tag Input](#tag-input) - - [Autosize Input / Textarea](#autosize-input--textarea) - - [Star Rating](#star-rating) - - [Drag and Drop](#drag-and-drop) - - [Sortable List](#sortable-list) - - [Rich Text Editor](#rich-text-editor) - - [Markdown Editor](#markdown-editor) - - [Image Editing](#image-editing) - - [Form Component Collections](#form-component-collections) - - [Miscellaneous](#miscellaneous-1) - - [Syntax Highlight](#syntax-highlight) -- [UI Layout](#ui-layout) -- [UI Animation](#ui-animation) - - [Parallax](#parallax) -- [UI Frameworks](#ui-frameworks) - - [Responsive](#responsive) - - [Material Design](#material-design) - - [Mobile](#mobile) - - [Component Collections](#component-collections) -- [UI Utilities](#ui-utilities) - - [Reporter](#reporter) - - [Visibility Reporter](#visibility-reporter) - - [Measurement Reporter](#measurement-reporter) - - [Device Input](#device-input) - - [Keyboard Events](#keyboard-events) - - [Scroll Events](#scroll-events) - - [Touch Swipe](#touch-swipe) - - [Mouse Events](#mouse-events) - - [Meta Tags](#meta-tags) - - [Portal](#portal) - - [Test User Behavior](#test-user-behavior) -- [Code Design](#code-design) - - [Data Store](#data-store) - - [Form Logic](#form-logic) - - [Router](#router) - - [Props from server](#props-from-server) - - [Communication with server](#communication-with-server) - - [CSS / Style](#css--style) - - [HTML Template](#html-template) - - [Isomorphic Apps](#isomorphic-apps) - - [Boilerplate](#boilerplate) - - [Miscellaneous](#miscellaneous-2) -- [Utilities](#utilities) - - [i18n](#i18n) - - [Framework bindings / integrations](#framework-bindings--integrations) - - [Integrations with Third Party Services](#integrations-with-third-party-services) -- [Performance](#performance) - - [UI](#ui) - - [Inspect](#inspect) - - [Lazy Load](#lazy-load) - - [App Size](#app-size) - - [Server-Side Rendering](#server-side-rendering) -- [Dev Tools](#dev-tools) - - [Test](#test) - - [Redux](#redux) - - [Inspect](#inspect-1) - - [Miscellaneous](#miscellaneous-3) -- [Miscellaneous](#miscellaneous-4) - - [Static Website Generator](#static-website-generator) -- [Cloud Solutions](#cloud-solutions) - - [Databases](#databases) +- [🚀 Absolutely Awesome React Components \& Libraries](#-absolutely-awesome-react-components--libraries) + - [Contributing](#contributing) + - [Table of Contents](#table-of-contents) + - [UI Components](#ui-components) + - [Editable data grid / spreadsheet](#editable-data-grid--spreadsheet) + - [Table](#table) + - [Infinite Scroll](#infinite-scroll) + - [Overlay](#overlay) + - [Notification](#notification) + - [Tooltip](#tooltip) + - [Menu](#menu) + - [Sticky](#sticky) + - [Tabs](#tabs) + - [Loader](#loader) + - [Carousel](#carousel) + - [Buttons](#buttons) + - [Collapse](#collapse) + - [Chart](#chart) + - [Tree](#tree) + - [UI Navigation](#ui-navigation) + - [Custom Scrollbar](#custom-scrollbar) + - [Audio / Video](#audio--video) + - [Map](#map) + - [Time / Date / Age](#time--date--age) + - [Photo / Image](#photo--image) + - [Icons](#icons) + - [Paginator](#paginator) + - [Markdown Viewer](#markdown-viewer) + - [Canvas](#canvas) + - [Miscellaneous](#miscellaneous) + - [Form Components](#form-components) + - [Date / Time picker](#date--time-picker) + - [Emoji picker](#emoji-picker) + - [Input Types](#input-types) + - [Autocomplete](#autocomplete) + - [Select](#select) + - [Color Picker](#color-picker) + - [Toggle](#toggle) + - [Slider](#slider) + - [Radio Button](#radio-button) + - [Type Select](#type-select) + - [Tag Input](#tag-input) + - [Autosize Input / Textarea](#autosize-input--textarea) + - [Star Rating](#star-rating) + - [Drag and Drop](#drag-and-drop) + - [Sortable List](#sortable-list) + - [Rich Text Editor](#rich-text-editor) + - [Markdown Editor](#markdown-editor) + - [Image Editing](#image-editing) + - [Form Component Collections](#form-component-collections) + - [Miscellaneous](#miscellaneous-1) + - [Syntax Highlight](#syntax-highlight) + - [UI Layout](#ui-layout) + - [UI Animation](#ui-animation) + - [Parallax](#parallax) + - [UI Frameworks](#ui-frameworks) + - [Responsive](#responsive) + - [Material Design](#material-design) + - [Mobile](#mobile) + - [Component Collections](#component-collections) + - [UI Utilities](#ui-utilities) + - [Reporter](#reporter) + - [Visibility Reporter](#visibility-reporter) + - [Measurement Reporter](#measurement-reporter) + - [Device Input](#device-input) + - [Keyboard Events](#keyboard-events) + - [Scroll Events](#scroll-events) + - [Touch Swipe](#touch-swipe) + - [Mouse Events](#mouse-events) + - [Meta Tags](#meta-tags) + - [Portal](#portal) + - [Test User Behavior](#test-user-behavior) + - [Code Design](#code-design) + - [Data Store](#data-store) + - [Form Logic](#form-logic) + - [Router](#router) + - [Props from server](#props-from-server) + - [Communication with server](#communication-with-server) + - [CSS / Style](#css--style) + - [HTML Template](#html-template) + - [Isomorphic Apps](#isomorphic-apps) + - [Boilerplate](#boilerplate) + - [Miscellaneous](#miscellaneous-2) + - [Utilities](#utilities) + - [i18n](#i18n) + - [Framework bindings / integrations](#framework-bindings--integrations) + - [Integrations with Third Party Services](#integrations-with-third-party-services) + - [Performance](#performance) + - [UI](#ui) + - [Inspect](#inspect) + - [Lazy Load](#lazy-load) + - [App Size](#app-size) + - [Server-Side Rendering](#server-side-rendering) + - [Dev Tools](#dev-tools) + - [Test](#test) + - [Redux](#redux) + - [Inspect](#inspect-1) + - [Miscellaneous](#miscellaneous-3) + - [Miscellaneous](#miscellaneous-4) + - [Static Website Generator](#static-website-generator) + - [Cloud Solutions](#cloud-solutions) + - [Databases](#databases) <!-- END doctoc generated TOC please keep comment here to allow auto update --> @@ -523,7 +526,7 @@ _Let the user add multiple tags in a single input_ - [react-dropzone](https://github.com/okonet/react-dropzone) - Simple HTML5 drag-drop zone with React.js. - [react-movable](https://github.com/tajo/react-movable) - Accessible and minimalistic (<4kB gzipped) library for vertical drag and drop in lists and tables. - [react-sortable-pane](https://github.com/bokuweb/react-sortable-pane) - Sortable and resizable pane component for React. -- [neodrag](https://github.com/PuruVJ/neodrag) - Multi-framework libraries for dragging. Choose your framework, the dragging API behavior will stay the same 🔥 +- [neodrag](https://github.com/PuruVJ/neodrag) - Multi-framework libraries for dragging. Choose your framework, the dragging API behavior will stay the same. #### Sortable List @@ -703,7 +706,7 @@ _Set of components + responsive layout system_ - [blueprint](https://github.com/palantir/blueprint) - [demo](https://blueprintjs.com/) - [docs](https://blueprintjs.com/docs/) - UI toolkit for building complex, data-dense web interfaces for desktop (not mobile) applications. - [dataminr-react-components](https://github.com/dataminr/react-components) - Collection of reusable React Components and utility functions. -- [shards-react](https://github.com/DesignRevision/shards-react) - [docs/demo](https://designrevision.com/docs/shards-react/getting-started) - A beautiful and modern React design system. Freemium 💰 +- [shards-react](https://github.com/DesignRevision/shards-react) - [docs/demo](https://designrevision.com/docs/shards-react/getting-started) - A beautiful and modern React design system. Freemium. - [aframe-react](https://github.com/ngokevin/aframe-react) - Build virtual reality experiences with A-Frame and React. - [react-admin](https://github.com/marmelab/react-admin) - Build admin user experiences on top of REST and GraphQL services. - [refine](https://github.com/pankod/refine) - [demo](https://example.refine.dev) - [docs](https://refine.dev/docs) - Build data-intensive applications in no time. It ships with Ant Design System, an enterprise-level UI toolkit. From 4069c2d6a9f0769d5f4d3c5c8d59d31a0e82f83e Mon Sep 17 00:00:00 2001 From: Moishi Netzer <moishinetzer@gmail.com> Date: Wed, 22 Feb 2023 11:58:11 +0000 Subject: [PATCH 319/373] Fix mistake indentation --- README.md | 201 +++++++++++++++++++++++++++--------------------------- 1 file changed, 99 insertions(+), 102 deletions(-) diff --git a/README.md b/README.md index 42dd744..40f2512 100644 --- a/README.md +++ b/README.md @@ -24,108 +24,105 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- ## Table of Contents -- [🚀 Absolutely Awesome React Components \& Libraries](#-absolutely-awesome-react-components--libraries) - - [Contributing](#contributing) - - [Table of Contents](#table-of-contents) - - [UI Components](#ui-components) - - [Editable data grid / spreadsheet](#editable-data-grid--spreadsheet) - - [Table](#table) - - [Infinite Scroll](#infinite-scroll) - - [Overlay](#overlay) - - [Notification](#notification) - - [Tooltip](#tooltip) - - [Menu](#menu) - - [Sticky](#sticky) - - [Tabs](#tabs) - - [Loader](#loader) - - [Carousel](#carousel) - - [Buttons](#buttons) - - [Collapse](#collapse) - - [Chart](#chart) - - [Tree](#tree) - - [UI Navigation](#ui-navigation) - - [Custom Scrollbar](#custom-scrollbar) - - [Audio / Video](#audio--video) - - [Map](#map) - - [Time / Date / Age](#time--date--age) - - [Photo / Image](#photo--image) - - [Icons](#icons) - - [Paginator](#paginator) - - [Markdown Viewer](#markdown-viewer) - - [Canvas](#canvas) - - [Miscellaneous](#miscellaneous) - - [Form Components](#form-components) - - [Date / Time picker](#date--time-picker) - - [Emoji picker](#emoji-picker) - - [Input Types](#input-types) - - [Autocomplete](#autocomplete) - - [Select](#select) - - [Color Picker](#color-picker) - - [Toggle](#toggle) - - [Slider](#slider) - - [Radio Button](#radio-button) - - [Type Select](#type-select) - - [Tag Input](#tag-input) - - [Autosize Input / Textarea](#autosize-input--textarea) - - [Star Rating](#star-rating) - - [Drag and Drop](#drag-and-drop) - - [Sortable List](#sortable-list) - - [Rich Text Editor](#rich-text-editor) - - [Markdown Editor](#markdown-editor) - - [Image Editing](#image-editing) - - [Form Component Collections](#form-component-collections) - - [Miscellaneous](#miscellaneous-1) - - [Syntax Highlight](#syntax-highlight) - - [UI Layout](#ui-layout) - - [UI Animation](#ui-animation) - - [Parallax](#parallax) - - [UI Frameworks](#ui-frameworks) - - [Responsive](#responsive) - - [Material Design](#material-design) - - [Mobile](#mobile) - - [Component Collections](#component-collections) - - [UI Utilities](#ui-utilities) - - [Reporter](#reporter) - - [Visibility Reporter](#visibility-reporter) - - [Measurement Reporter](#measurement-reporter) - - [Device Input](#device-input) - - [Keyboard Events](#keyboard-events) - - [Scroll Events](#scroll-events) - - [Touch Swipe](#touch-swipe) - - [Mouse Events](#mouse-events) - - [Meta Tags](#meta-tags) - - [Portal](#portal) - - [Test User Behavior](#test-user-behavior) - - [Code Design](#code-design) - - [Data Store](#data-store) - - [Form Logic](#form-logic) - - [Router](#router) - - [Props from server](#props-from-server) - - [Communication with server](#communication-with-server) - - [CSS / Style](#css--style) - - [HTML Template](#html-template) - - [Isomorphic Apps](#isomorphic-apps) - - [Boilerplate](#boilerplate) - - [Miscellaneous](#miscellaneous-2) - - [Utilities](#utilities) - - [i18n](#i18n) - - [Framework bindings / integrations](#framework-bindings--integrations) - - [Integrations with Third Party Services](#integrations-with-third-party-services) - - [Performance](#performance) - - [UI](#ui) - - [Inspect](#inspect) - - [Lazy Load](#lazy-load) - - [App Size](#app-size) - - [Server-Side Rendering](#server-side-rendering) - - [Dev Tools](#dev-tools) - - [Test](#test) - - [Redux](#redux) - - [Inspect](#inspect-1) - - [Miscellaneous](#miscellaneous-3) - - [Miscellaneous](#miscellaneous-4) - - [Static Website Generator](#static-website-generator) - - [Cloud Solutions](#cloud-solutions) - - [Databases](#databases) +- [UI Components](#ui-components) + - [Editable data grid / spreadsheet](#editable-data-grid--spreadsheet) + - [Table](#table) + - [Infinite Scroll](#infinite-scroll) + - [Overlay](#overlay) + - [Notification](#notification) + - [Tooltip](#tooltip) + - [Menu](#menu) + - [Sticky](#sticky) + - [Tabs](#tabs) + - [Loader](#loader) + - [Carousel](#carousel) + - [Buttons](#buttons) + - [Collapse](#collapse) + - [Chart](#chart) + - [Tree](#tree) + - [UI Navigation](#ui-navigation) + - [Custom Scrollbar](#custom-scrollbar) + - [Audio / Video](#audio--video) + - [Map](#map) + - [Time / Date / Age](#time--date--age) + - [Photo / Image](#photo--image) + - [Icons](#icons) + - [Paginator](#paginator) + - [Markdown Viewer](#markdown-viewer) + - [Canvas](#canvas) + - [Miscellaneous](#miscellaneous) + - [Form Components](#form-components) + - [Date / Time picker](#date--time-picker) + - [Emoji picker](#emoji-picker) + - [Input Types](#input-types) + - [Autocomplete](#autocomplete) + - [Select](#select) + - [Color Picker](#color-picker) + - [Toggle](#toggle) + - [Slider](#slider) + - [Radio Button](#radio-button) + - [Type Select](#type-select) + - [Tag Input](#tag-input) + - [Autosize Input / Textarea](#autosize-input--textarea) + - [Star Rating](#star-rating) + - [Drag and Drop](#drag-and-drop) + - [Sortable List](#sortable-list) + - [Rich Text Editor](#rich-text-editor) + - [Markdown Editor](#markdown-editor) + - [Image Editing](#image-editing) + - [Form Component Collections](#form-component-collections) + - [Miscellaneous](#miscellaneous-1) + - [Syntax Highlight](#syntax-highlight) +- [UI Layout](#ui-layout) +- [UI Animation](#ui-animation) + - [Parallax](#parallax) +- [UI Frameworks](#ui-frameworks) + - [Responsive](#responsive) + - [Material Design](#material-design) + - [Mobile](#mobile) + - [Component Collections](#component-collections) +- [UI Utilities](#ui-utilities) + - [Reporter](#reporter) + - [Visibility Reporter](#visibility-reporter) + - [Measurement Reporter](#measurement-reporter) + - [Device Input](#device-input) + - [Keyboard Events](#keyboard-events) + - [Scroll Events](#scroll-events) + - [Touch Swipe](#touch-swipe) + - [Mouse Events](#mouse-events) + - [Meta Tags](#meta-tags) + - [Portal](#portal) + - [Test User Behavior](#test-user-behavior) +- [Code Design](#code-design) + - [Data Store](#data-store) + - [Form Logic](#form-logic) + - [Router](#router) + - [Props from server](#props-from-server) + - [Communication with server](#communication-with-server) + - [CSS / Style](#css--style) + - [HTML Template](#html-template) + - [Isomorphic Apps](#isomorphic-apps) + - [Boilerplate](#boilerplate) + - [Miscellaneous](#miscellaneous-2) +- [Utilities](#utilities) + - [i18n](#i18n) + - [Framework bindings / integrations](#framework-bindings--integrations) + - [Integrations with Third Party Services](#integrations-with-third-party-services) +- [Performance](#performance) + - [UI](#ui) + - [Inspect](#inspect) + - [Lazy Load](#lazy-load) + - [App Size](#app-size) + - [Server-Side Rendering](#server-side-rendering) +- [Dev Tools](#dev-tools) + - [Test](#test) + - [Redux](#redux) + - [Inspect](#inspect-1) + - [Miscellaneous](#miscellaneous-3) +- [Miscellaneous](#miscellaneous-4) + - [Static Website Generator](#static-website-generator) +- [Cloud Solutions](#cloud-solutions) + - [Databases](#databases) <!-- END doctoc generated TOC please keep comment here to allow auto update --> From 12e065307d14f0cc2bbdbcc0e47dbc12779322c7 Mon Sep 17 00:00:00 2001 From: Moishi Netzer <moishinetzer@gmail.com> Date: Wed, 22 Feb 2023 12:06:19 +0000 Subject: [PATCH 320/373] Remove all emojis --- README.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 40f2512..2024604 100644 --- a/README.md +++ b/README.md @@ -179,7 +179,7 @@ _Display overlay / modal / alert / dialog / lightbox / popup_ _Toaster / snackbar — Notify the user with a modeless temporary little popup_ -- [cogo-toast](https://github.com/Cogoport/cogo-toast) - [demo/docs](https://cogoport.github.io/cogo-toast) - Plug and play, Promise support, inbuilt styling, ~3.5K. _(No refs / provider needed 😊)_ +- [cogo-toast](https://github.com/Cogoport/cogo-toast) - [demo/docs](https://cogoport.github.io/cogo-toast) - Plug and play, Promise support, inbuilt styling, ~3.5K. _(No refs / provider needed)_ - [react-notifications-component](https://github.com/teodosii/react-notifications-component) - [demo](https://teodosii.github.io/react-notifications-component/) - Highly customizable and easy-to-use component for notifications. - [notistack](https://iamhosseindhv.com/notistack) - [demo](https://codesandbox.io/s/github/iamhosseindhv/notistack/tree/master/examples/simple-example??hidenavigation=1&module=%2FApp.js) - [docs](https://iamhosseindhv.com/notistack/api) - Highly customizable notification snackbars (toasts) that can be stacked on top of each other - [react-local-toast](https://github.com/OlegWock/react-local-toast) - [demo](https://react-local-toast.netlify.app/showcase/) - [docs](https://react-local-toast.netlify.app/tutorial) - show feedback linked to particular component instead of app-wide toasts. @@ -187,7 +187,7 @@ _Toaster / snackbar — Notify the user with a modeless temporary little popup_ - 🚀 [react-toastify](https://github.com/fkhadra/react-toastify) - [demo](https://fkhadra.github.io/react-toastify/) - best bet out there at the moment. Hooks support. No refs. - [reapop](https://github.com/LouisBarranqueiro/reapop) - A React & Redux notifications system. - [simple-react-notifications](https://github.com/alexpermyakov/simple-react-notifications) - [demo](https://alexpermyakov.github.io/simple-react-notifications/) - Tiny notification library (1kb gzip). -- [react-hot-toast](https://github.com/timolins/react-hot-toast) - [demo](https://react-hot-toast.com/) - Smoking 🔥hot🔥 Notifications for React. Lightweight, customizable and beautiful by default. +- [react-hot-toast](https://github.com/timolins/react-hot-toast) - [demo](https://react-hot-toast.com/) - Smoking hot Notifications for React. Lightweight, customizable and beautiful by default. ### Tooltip @@ -404,8 +404,8 @@ _Sketch input using Canvas or SVG_ - [react-pdf](https://github.com/wojtekmaj/react-pdf) - Display PDFs in your React app as easily as if they were images. - [react-customizable-chat-bot](https://github.com/chithakumar13/react-chat-bot) - [Demo](https://chithakumar13.github.io/bot-example) - Build your own chatbot matching your brand needs in minutes. - [@restpace/schema-form](https://github.com/restspace/schema-form) - [Demo](https://restspace.io/react/schema-form/demo) - Easily build complex forms automatically from a JSON Schema. -- [react-darkreader](https://github.com/Turkyden/react-darkreader) - 🌓 A React Hook for adding a dark / night mode to your site inspired by darkreader. -- [react-apple-signin-auth](https://github.com/A-Tokyo/react-apple-signin-auth) -  Apple signin for React using the official Apple JS SDK. +- [react-darkreader](https://github.com/Turkyden/react-darkreader) - A React Hook for adding a dark / night mode to your site inspired by darkreader. +- [react-apple-signin-auth](https://github.com/A-Tokyo/react-apple-signin-auth) - Apple signin for React using the official Apple JS SDK. ### Form Components @@ -460,7 +460,7 @@ _Autosuggest / autocomplete / typeahead_ - [react-select-box](https://github.com/instructure-react/react-select-box) - An accessible select box component for React. - [react-select](https://github.com/JedWatson/react-select) - A Select control built with and for React JS. - [react-column-select](https://github.com/chr-ge/react-column-select) - A column select component built for react. -- [react-select-search](https://github.com/tbleckert/react-select-search) - [demo](https://react-select-search.com/) - ⚡️ A lightweight select component for React +- [react-select-search](https://github.com/tbleckert/react-select-search) - [demo](https://react-select-search.com/) - A lightweight select component for React #### Color Picker @@ -924,7 +924,7 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [redux-auth-patch](https://github.com/lynndylanhurley/redux-auth) - Complete token authentication system for react + redux that supports isomorphic rendering. - [redux-search](https://github.com/treasure-data/redux-search) - Redux bindings for client-side search. - [tcomb-react](https://github.com/gcanti/tcomb-react) - Alternative syntax for PropTypes. -- [react-find](https://github.com/geobde/react-find) - ⚛️ Elegant, accessible search component for React. +- [react-find](https://github.com/geobde/react-find) - Elegant, accessible search component for React. - [react-universal-hooks](https://github.com/salvoravida/react-universal-hooks) - :tada: support react hooks everywhere (Functional or Class Component). ## Utilities From b12d4d5428f3c59c7004ab77b3a25e04ab4ce0db Mon Sep 17 00:00:00 2001 From: bluepeter <bluepeter@users.noreply.github.com> Date: Wed, 22 Feb 2023 16:34:08 +0000 Subject: [PATCH 321/373] docs: update TOC --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 2024604..9f42c2f 100644 --- a/README.md +++ b/README.md @@ -21,7 +21,6 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- <!-- START doctoc generated TOC please keep comment here to allow auto update --> <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE --> - ## Table of Contents - [UI Components](#ui-components) From 8962a1b6371ee14f446a3b05d3dff51f29a493ee Mon Sep 17 00:00:00 2001 From: Vasanth Developer <vsnthdev@gmail.com> Date: Fri, 24 Feb 2023 19:04:53 +0530 Subject: [PATCH 322/373] Remove deleted, archived and +4 years old packages --- README.md | 10 ---------- 1 file changed, 10 deletions(-) diff --git a/README.md b/README.md index 9f42c2f..9b5deed 100644 --- a/README.md +++ b/README.md @@ -133,7 +133,6 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [fortune-sheet](https://github.com/ruilisi/fortune-sheet) - An online spreedsheet component that provides out-of-the-box features just like Excel. - [AG Grid](https://github.com/ag-grid/ag-grid) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components. -- [gigatables-react](https://github.com/GigaTables/reactables) - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more. - [MUI X Data grid](https://github.com/mui/mui-x) - [demo/docs](https://mui.com/x/react-data-grid/) - Fast and customizable data grid with advanced features for power users and complex use cases. - [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid. - [revo-grid](https://github.com/revolist/revogrid) - [demo/docs](https://revolist.github.io/revogrid/) - Powerfull Data Grid for React / AngularJS / Vue / Web Components with advanced customization. @@ -166,10 +165,8 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- _Display overlay / modal / alert / dialog / lightbox / popup_ -- [reboron](https://github.com/bold-commerce/reboron) - A collection of dialog animations with React.js - [react-aria-modal](https://github.com/davidtheclark/react-aria-modal) - A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices. - [react-modal](https://github.com/reactjs/react-modal) - Accessible modal dialog component for React. -- [react-skylight](https://github.com/marcio/react-skylight) - A react component for modals and dialogs. - [reoverlay](https://github.com/hiradary/reoverlay) - [demo](https://hiradary.github.io/reoverlay/) - The missing solution for managing modals. - [sweetalert2](https://github.com/sweetalert2/sweetalert2) - [demo/docs](https://sweetalert2.github.io/) - A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies. - [sweetalert2-react-content](https://github.com/sweetalert2/sweetalert2-react-content) - Official SweetAlert2 enhancer adding support for React elements as content @@ -178,7 +175,6 @@ _Display overlay / modal / alert / dialog / lightbox / popup_ _Toaster / snackbar — Notify the user with a modeless temporary little popup_ -- [cogo-toast](https://github.com/Cogoport/cogo-toast) - [demo/docs](https://cogoport.github.io/cogo-toast) - Plug and play, Promise support, inbuilt styling, ~3.5K. _(No refs / provider needed)_ - [react-notifications-component](https://github.com/teodosii/react-notifications-component) - [demo](https://teodosii.github.io/react-notifications-component/) - Highly customizable and easy-to-use component for notifications. - [notistack](https://iamhosseindhv.com/notistack) - [demo](https://codesandbox.io/s/github/iamhosseindhv/notistack/tree/master/examples/simple-example??hidenavigation=1&module=%2FApp.js) - [docs](https://iamhosseindhv.com/notistack/api) - Highly customizable notification snackbars (toasts) that can be stacked on top of each other - [react-local-toast](https://github.com/OlegWock/react-local-toast) - [demo](https://react-local-toast.netlify.app/showcase/) - [docs](https://react-local-toast.netlify.app/tutorial) - show feedback linked to particular component instead of app-wide toasts. @@ -206,7 +202,6 @@ _Menus / sidebars_ _Fixed headers / scroll-up headers / sticky elements_ - [react-headroom](https://github.com/KyleAMathews/react-headroom) - Hide your header until you need it. -- [react-sticky](https://github.com/captivationsoftware/react-sticky) - <Sticky /> component for awesome React apps. - [react-stickynode](https://github.com/yahoo/react-stickynode) - A performant and comprehensive React sticky. ### Tabs @@ -219,7 +214,6 @@ _Fixed headers / scroll-up headers / sticky elements_ _Loaders / spinners / progress bars — Let the user know that something is loading_ - [react-loader-spinner](https://github.com/mhnpd/react-loader-spinner) - Collection set of react-spinner for async operation. -- [react-block-ui](https://github.com/availity/react-block-ui) - Easy way to block the user from interacting with your UI. - [react-redux-loading-bar](https://github.com/mironov/react-redux-loading-bar) - Simple Loading Bar for Redux and React. - [react-spinners-css](https://github.com/JoshK2/react-spinners-css) - Amazing collection of react spinners components. - [react-spinners](https://github.com/davidhu2000/react-spinners) - A collection of loading spinner components for react. @@ -235,7 +229,6 @@ _Loaders / spinners / progress bars — Let the user know that something is load - [react-responsive-carousel](https://github.com/leandrowd/react-responsive-carousel) - React.js Responsive Carousel (with Swipe). - [react-slick](https://github.com/akiran/react-slick) - React carousel component. - [keen-slider](https://github.com/rcbyr/keen-slider) - [demo](https://keen-slider.io/examples/#examples) - Performant carousel/slider with native touch/swipe behavior. -- [react-image-magnify](https://github.com/ethanselzer/react-image-magnify) - [demo](https://ethanselzer.github.io/react-image-magnify/#/external) - Responsive React image carousel zoom component for touch and mouse. Designed for shopping site product detail - [swiper](https://github.com/nolimits4web/Swiper) - [demo](https://swiperjs.com/demos) - [docs](https://swiperjs.com/react) - The most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. ### Buttons @@ -632,7 +625,6 @@ _Animate transitions_ - [react-track](https://github.com/gilbox/react-track) - Track the position of DOM elements. Create cool animations. - [react-transitive-number](https://github.com/Lapple/react-transitive-number) - Apply transition effect to numeric strings, a la old Groupon timers. - [react-web-animation](https://github.com/bringking/react-web-animation) - React components for the Web Animations API -. -- [velocity-react](https://github.com/twitter-fabric/velocity-react) - Velocity.js wrapper. - [auto-size-transition](https://github.com/DualWield/auto-size-transition) - A component that scale dynamically according to the internal children size - [react-particles-bg](https://github.com/lindelof/particles-bg) - Particles backgrounds. - [gooey-react](https://github.com/luukdv/gooey-react) - [demo/docs](https://gooey-react.netlify.app/) - The gooey effect for React, used for shape blobbing / metaballs. @@ -760,7 +752,6 @@ _Turn user input into actions_ #### Mouse Events -- [react-aim](https://github.com/gabrielbull/react-aim) - Determine the cursor aim for triggering mouse events. - [react-hook-mighty-mouse](https://github.com/mkosir/react-hook-mighty-mouse) - [demo](https://mkosir.github.io/react-hook-mighty-mouse) - Hook that tracks mouse events on selected element. ### Meta Tags @@ -923,7 +914,6 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [redux-auth-patch](https://github.com/lynndylanhurley/redux-auth) - Complete token authentication system for react + redux that supports isomorphic rendering. - [redux-search](https://github.com/treasure-data/redux-search) - Redux bindings for client-side search. - [tcomb-react](https://github.com/gcanti/tcomb-react) - Alternative syntax for PropTypes. -- [react-find](https://github.com/geobde/react-find) - Elegant, accessible search component for React. - [react-universal-hooks](https://github.com/salvoravida/react-universal-hooks) - :tada: support react hooks everywhere (Functional or Class Component). ## Utilities From 1b35b7fdf21229d5992e9bb86e89df768dd72ef0 Mon Sep 17 00:00:00 2001 From: Vasanth Developer <vsnthdev@gmail.com> Date: Fri, 24 Feb 2023 19:20:14 +0530 Subject: [PATCH 323/373] Adding gigatables-react back --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 9b5deed..d1b3111 100644 --- a/README.md +++ b/README.md @@ -133,6 +133,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [fortune-sheet](https://github.com/ruilisi/fortune-sheet) - An online spreedsheet component that provides out-of-the-box features just like Excel. - [AG Grid](https://github.com/ag-grid/ag-grid) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components. +- [gigatables-react](https://github.com/GigaTables/reactables) - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more. - [MUI X Data grid](https://github.com/mui/mui-x) - [demo/docs](https://mui.com/x/react-data-grid/) - Fast and customizable data grid with advanced features for power users and complex use cases. - [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid. - [revo-grid](https://github.com/revolist/revogrid) - [demo/docs](https://revolist.github.io/revogrid/) - Powerfull Data Grid for React / AngularJS / Vue / Web Components with advanced customization. From e1a6500dad4a31f12c6954dcde66ff61a03f485f Mon Sep 17 00:00:00 2001 From: Vasanth Developer <vsnthdev@gmail.com> Date: Mon, 27 Feb 2023 18:46:21 +0530 Subject: [PATCH 324/373] Removed more packages that don't meet criteria --- README.md | 30 ------------------------------ 1 file changed, 30 deletions(-) diff --git a/README.md b/README.md index d1b3111..1163c2f 100644 --- a/README.md +++ b/README.md @@ -759,8 +759,6 @@ _Turn user input into actions_ _Set meta tags, <title>, children of <head>_ -- [react-document-meta](https://github.com/kodyl/react-document-meta) - HTML meta tags for React-based apps. -- [react-document-title](https://github.com/gaearon/react-document-title) - Declarative, nested, stateful, isomorphic document.title for React. - [react-helmet-async](https://github.com/staylor/react-helmet-async#readme) - Thread-safe Helmet for React 16+ and friends - [react-helmet](https://github.com/nfl/react-helmet) - A document head manager for React. @@ -775,7 +773,6 @@ _Render an element at an arbitrary DOM node_ _A/B tests, experiments, ..._ -- [react-ab](https://github.com/olahol/react-ab) - Simple declarative and universal A/B testing component for React. - [react-experiments](https://github.com/HubSpot/react-experiments) - React components for implementing UI experiments. ## Code Design @@ -788,27 +785,18 @@ _Libraries that help with code design_ _Data flow / data management / data stores / components state / data flow_ -- [alt](https://github.com/goatslacker/alt) - Isomorphic flux implementation. - [baobab-react](https://github.com/Yomguithereal/baobab-react) - React integration for Baobab. - [cerebral](https://github.com/cerebral/cerebral) - A state controller with its own debugger. - [effector-react](https://github.com/effector/effector) - React bindings for effector, an effective multi-store state manager. -- [fluorine-lib](https://github.com/philpl/fluorine) - Reactive state and side effect management for React using a single stream of actions. - [fluxible](https://github.com/yahoo/fluxible) - A pluggable container for universal flux applications. -- [fluxxor](https://github.com/BinaryMuse/fluxxor) - Flux architecture tools for React. - [kea](https://github.com/mariusandra/kea) - High level architecture for React apps. -- [mobx-react](https://github.com/mobxjs/mobx-react) - React bindings for MobX. Create fully reactive components. - [react-3ducks](https://github.com/smakazmi/react-3ducks) - [demo](https://stackblitz.com/github/smakazmi/react-3ducks/tree/master/examples/todos) - Simple state management solution for React. -- [react-controllables](https://github.com/matthewwithanm/react-controllables) - Easily create controllable components. - [react-i13n](https://github.com/yahoo/react-i13n) - A performant, scalable and pluggable approach to instrumenting your React application. -- [react-redux-provide](https://github.com/loggur/react-redux-provide) - Bridges the gap between Redux and the declarative nature of GraphQL/Relay. - [react-redux](https://github.com/reactjs/react-redux) - Official React bindings for Redux. - [redux-batched-actions](https://github.com/tshelburne/redux-batched-actions) - Reducer + action to reduce actions under a single subscriber notification. -- [redux-batched-subscribe](https://github.com/tappleby/redux-batched-subscribe) - Store enhancer for which allows batching subscribe notifications. - [redux](https://github.com/reactjs/redux) - Predictable state container for JavaScript apps. -- [reflux](https://github.com/reflux/refluxjs) - A simple library for uni-directional dataflow application architecture with React extensions inspired by Flux. - [reselect](https://github.com/reactjs/reselect) - Selector library for Redux. - [resourcerer](https://github.com/SiftScience/resourcerer) - Declarative data-fetching framework for REST APIs -- [shasta](https://github.com/shastajs/shasta) - Dead simple + opinionated toolkit for building redux/react applications. - [synergies](https://github.com/lukasbach/synergies) - [docs](https://synergies.js.org) A performant and distributed context-state library for creating reusable React state logic by synergyzing atomar context pieces. - [zustand](https://zustand.surge.sh/) - [docs](https://github.com/pmndrs/zustand) - A fast bearbones state-management solution using simplified flux principles and boilerplate-free hook api. - [teaful](https://github.com/teafuljs/teaful) - Tiny, easy and powerful React state management @@ -819,7 +807,6 @@ _Data flow / data management / data stores / components state / data flow_ - [formik](https://github.com/jaredpalmer/formik) - Build forms without tears and supports Validation in ease. - [formsy-react](https://github.com/formsy/formsy-react/) - A form input builder and validator for React JS. - [Phormal](https://github.com/phormal/phormal) - [Docs & Demos](https://phormal.dev/getting-started/react) - Responsive, multilingual forms with built-in validation, support for dark mode and right-to-left languages. -- [plexus-form](https://github.com/AppliedMathematicsANU/plexus-form) - A dynamic form component for react using JSON-Schema. - [react-hook-form](https://github.com/react-hook-form/react-hook-form) - React hooks for form validation without the hassle. - [react-jsonschema-form](https://github.com/mozilla-services/react-jsonschema-form) - A React component for building Web forms from JSONSchema. - [react-client-validation](https://github.com/0529bill/react-client-validation) - Simple and super lightweight validation for React. @@ -830,12 +817,10 @@ _Data flow / data management / data stores / components state / data flow_ ### Router -- [react-breadcrumbs](https://github.com/svenanders/react-breadcrumbs) - Automatic breadcrumbs for React-Router. - [react-router-component](https://github.com/STRML/react-router-component) - Declarative router component for React. - [react-router-scroll](https://github.com/taion/react-router-scroll) - React Router scroll management. - [react-router](https://github.com/reactjs/react-router) - A complete routing library for React. - [redux-first-history](https://github.com/salvoravida/redux-first-history) - Redux First History - Redux history binding support react-router - @reach/router - wouter -- [redux-router](https://github.com/acdlite/redux-router) - Redux bindings for React Router – keep your router state inside your Redux store. - [universal-router](https://github.com/kriasoft/universal-router) - A simple middleware-style router for isomorphic JavaScript web apps. - [wouter](https://github.com/molefrog/wouter) - A minimalist-friendly ~1.3KB routing library. Nothing else but hooks. @@ -843,18 +828,11 @@ _Data flow / data management / data stores / components state / data flow_ _Component properties asynchronously fetched over the network_ -- [react-async](https://github.com/andreypopp/react-async) - Asynchronously fetch data for React components. -- [react-refetch](https://github.com/heroku/react-refetch) - A simple, declarative, and composable way to fetch data for React components. -- [react-resolver](https://github.com/ericclemmons/react-resolver) - Async rendering & data-fetching for universal React applications. -- [react-router-relay](https://github.com/relay-tools/react-router-relay) - Relay integration for React Router. -- [redial](https://github.com/markdalgleish/redial) - Universal data fetching and route lifecycle management for React etc. -- [redux-async-connect](https://github.com/Rezonans/redux-async-connect) - Request async data, store in redux state, and connect to your component. - [redux-connect](https://github.com/makeomatic/redux-connect) - Provides decorator for resolving async props in react-router. - [axios-react](https://github.com/soroushchehresa/axios-react) - HTTP client component for React. ### Communication with server -- [adrenaline](https://github.com/gyzerok/adrenaline) - Simple Relay alternative. - [apollo-client](https://github.com/apollostack/apollo-client) - A simple caching client for any GraphQL server and UI framework. - [react-relay](https://github.com/facebook/relay) - Relay is a JavaScript framework for building data-driven React applications. - [query](https://github.com/TanStack/query) - [docs](https://tanstack.com/query/v4) Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. @@ -864,10 +842,7 @@ _Component properties asynchronously fetched over the network_ - [aesthetic](https://github.com/milesj/aesthetic) - A powerful type-safe, framework agnostic, CSS-in-JS library for styling components, whether it be plain objects, importing stylesheets, or simply referencing external class names. - [aphrodite](https://github.com/Khan/aphrodite) - It's inline styles, but they work!. - [inline-style-prefixer](https://github.com/rofrischmann/inline-style-prefixer) - Run-time Autoprefixer for Inline Style Objects. -- [paperclip](https://paperclip.dev) - [docs](https://paperclip.dev/docs/) - Build UI primitivites with plain HTML & CSS. -- [radium](https://github.com/FormidableLabs/radium) - A set of tools to manage inline styles on React elements. - [react-container-query](https://github.com/d6u/react-container-query) - Modular responsive component. -- [react-css-modules](https://github.com/gajus/react-css-modules) - Seamless mapping of class names to CSS modules inside of React components. - [react-responsive](https://github.com/contra/react-responsive) - Media queries in react for responsive design. - [reactponsive](https://github.com/jmlweb/reactponsive) - Responsive components and hooks. - [styled-components](https://github.com/styled-components/styled-components) - Visual primitives for the component age. @@ -875,13 +850,11 @@ _Component properties asynchronously fetched over the network_ ### HTML Template -- [hyperx](https://github.com/substack/hyperx) - Tagged template string virtual dom builder. - [jsx-control-statements](https://github.com/AlexGilleran/jsx-control-statements) - Neater If and For for React JSX. ### Isomorphic Apps - [hypernova](https://github.com/airbnb/hypernova) - A service for server-side rendering your JavaScript views. -- [isomorphic-relay](https://github.com/denvned/isomorphic-relay) - Adds server side rendering support to React Relay. - [isomorphic-style-loader](https://github.com/kriasoft/isomorphic-style-loader) - Isomorphic CSS style loader for Webpack. - [react-server](https://github.com/redfin/react-server) - React framework with server render for blazing fast page load. - [rill](https://github.com/rill-js/rill) - Universal web application framework. @@ -895,13 +868,10 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [crisp-react](https://github.com/winwiz1/crisp-react) - Express integration in TypeScript with support for multiple SPAs and pitfall avoidance. - [cra-template-redux-auth-starter](https://github.com/Nilanth/cra-template-redux-auth-starter) - A Redux auth starter boilerplate for CRA. - [electron-react-boilerplate](https://github.com/chentsulin/electron-react-boilerplate) - Live editing development on desktop app. -- [essential-react](https://github.com/pheuter/essential-react) - A minimal skeleton for building testable React apps using Babel. -- [generator-react-webpack](https://github.com/react-webpack-generators/generator-react-webpack) - Yeoman generator for ReactJS and Webpack. - [generator-starhackit](https://github.com/FredericHeem/starhackit) - Full-stack starter kit. - [nwb](https://github.com/insin/nwb) - CLI tool and devDependency for React apps & components and npm modules. - [nx](https://nx.dev) - Next generation build system with first class monorepo support and powerful integrations. - [PBandJ](https://github.com/moishinetzer/pbandj) - Zero-Config Reusable Component Framework. -- [react-boilerplate](https://github.com/mxstbr/react-boilerplate) - Quick packager-agnostic boilerplate for React modules using JSX. - [react-hot-boilerplate](https://github.com/gaearon/react-hot-boilerplate) - Minimal live-editing boilerplate for your next ReactJS project. - [rockpack](https://github.com/AlexSergey/rockpack) - Simple solution for creating React application with SSR, bundling, linting, testing within 5 minutes. - [create-react-dependency](https://github.com/andrelmlins/create-react-dependency) - Create react dependencies with no build configuration. From bacd13e4fd38f0d6ddacb36a992c7f6976f2e55e Mon Sep 17 00:00:00 2001 From: Vasanth Developer <vsnthdev@gmail.com> Date: Mon, 27 Feb 2023 18:51:41 +0530 Subject: [PATCH 325/373] Added kbar command palette UI component --- README.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/README.md b/README.md index 1163c2f..5be52b2 100644 --- a/README.md +++ b/README.md @@ -38,6 +38,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [Buttons](#buttons) - [Collapse](#collapse) - [Chart](#chart) + - [Command palette](#command-palette) - [Tree](#tree) - [UI Navigation](#ui-navigation) - [Custom Scrollbar](#custom-scrollbar) @@ -271,6 +272,10 @@ _Display data in charts / graphs / diagrams_ - [Flowchart React](https://github.com/joyceworks/flowchart-react) - Flowchart & Flowchart designer for React.js. - [react-dashboard](https://github.com/flatlogic/react-dashboard) - Isomorphic Dashboards. +### Command palette + +- [kbar](https://github.com/timc1/kbar) - [demo](https://kbar.vercel.app) - Fast, portable, and extensible cmd+k interface. + ### Tree _Display a tree data structure_ From addd62f9c2b7286f14aa24d5d4559196f27158bd Mon Sep 17 00:00:00 2001 From: Vasanth Developer <vsnthdev@gmail.com> Date: Mon, 27 Feb 2023 19:23:03 +0530 Subject: [PATCH 326/373] Adding back react-refetch --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 5be52b2..071c83a 100644 --- a/README.md +++ b/README.md @@ -833,6 +833,7 @@ _Data flow / data management / data stores / components state / data flow_ _Component properties asynchronously fetched over the network_ +- [react-refetch](https://github.com/heroku/react-refetch) - A simple, declarative, and composable way to fetch data for React components. - [redux-connect](https://github.com/makeomatic/redux-connect) - Provides decorator for resolving async props in react-router. - [axios-react](https://github.com/soroushchehresa/axios-react) - HTTP client component for React. From b75c160aaceb4e8e37523a42dcb8b11e63ad1734 Mon Sep 17 00:00:00 2001 From: Jason Dreyzehner <jason@dreyzehner.com> Date: Tue, 28 Feb 2023 18:17:53 -0500 Subject: [PATCH 327/373] Add <qr-code> --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 071c83a..26a3707 100644 --- a/README.md +++ b/README.md @@ -898,6 +898,7 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ **[`Back to top ⬆️`](#table-of-contents)** - [qrcode.react](https://github.com/zpao/qrcode.react) - A <QRCode/> component for use with React. +- [`<qr-code>`](https://github.com/bitjson/qr-code) – A no-dependencies, customizable, animate-able, SVG-based `<qr-code>` element. - [react-children-utilities](https://github.com/fernandopasik/react-children-utilities) - Extended utils for React.Children. - [react-media](https://github.com/ReactTraining/react-media) - A CSS media query component for React. - [react-middle-ellipsis](https://github.com/bluepeter/react-middle-ellipsis) - [demo](https://bluepeter.github.io/react-middle-ellipsis/) - Truncate long strings in the middle instead of the end. From db1255ef080759bedaf7b8d7851984b5abb461b8 Mon Sep 17 00:00:00 2001 From: abdul <malik301002@gmail.com> Date: Sun, 12 Mar 2023 21:34:20 +0700 Subject: [PATCH 328/373] add Lucide icon --- README.md | 204 ++++++++++++++++++++++++++++-------------------------- 1 file changed, 104 insertions(+), 100 deletions(-) diff --git a/README.md b/README.md index 26a3707..b2decb1 100644 --- a/README.md +++ b/README.md @@ -23,106 +23,109 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE --> ## Table of Contents -- [UI Components](#ui-components) - - [Editable data grid / spreadsheet](#editable-data-grid--spreadsheet) - - [Table](#table) - - [Infinite Scroll](#infinite-scroll) - - [Overlay](#overlay) - - [Notification](#notification) - - [Tooltip](#tooltip) - - [Menu](#menu) - - [Sticky](#sticky) - - [Tabs](#tabs) - - [Loader](#loader) - - [Carousel](#carousel) - - [Buttons](#buttons) - - [Collapse](#collapse) - - [Chart](#chart) - - [Command palette](#command-palette) - - [Tree](#tree) - - [UI Navigation](#ui-navigation) - - [Custom Scrollbar](#custom-scrollbar) - - [Audio / Video](#audio--video) - - [Map](#map) - - [Time / Date / Age](#time--date--age) - - [Photo / Image](#photo--image) - - [Icons](#icons) - - [Paginator](#paginator) - - [Markdown Viewer](#markdown-viewer) - - [Canvas](#canvas) - - [Miscellaneous](#miscellaneous) - - [Form Components](#form-components) - - [Date / Time picker](#date--time-picker) - - [Emoji picker](#emoji-picker) - - [Input Types](#input-types) - - [Autocomplete](#autocomplete) - - [Select](#select) - - [Color Picker](#color-picker) - - [Toggle](#toggle) - - [Slider](#slider) - - [Radio Button](#radio-button) - - [Type Select](#type-select) - - [Tag Input](#tag-input) - - [Autosize Input / Textarea](#autosize-input--textarea) - - [Star Rating](#star-rating) - - [Drag and Drop](#drag-and-drop) - - [Sortable List](#sortable-list) - - [Rich Text Editor](#rich-text-editor) - - [Markdown Editor](#markdown-editor) - - [Image Editing](#image-editing) - - [Form Component Collections](#form-component-collections) - - [Miscellaneous](#miscellaneous-1) - - [Syntax Highlight](#syntax-highlight) -- [UI Layout](#ui-layout) -- [UI Animation](#ui-animation) - - [Parallax](#parallax) -- [UI Frameworks](#ui-frameworks) - - [Responsive](#responsive) - - [Material Design](#material-design) - - [Mobile](#mobile) - - [Component Collections](#component-collections) -- [UI Utilities](#ui-utilities) - - [Reporter](#reporter) - - [Visibility Reporter](#visibility-reporter) - - [Measurement Reporter](#measurement-reporter) - - [Device Input](#device-input) - - [Keyboard Events](#keyboard-events) - - [Scroll Events](#scroll-events) - - [Touch Swipe](#touch-swipe) - - [Mouse Events](#mouse-events) - - [Meta Tags](#meta-tags) - - [Portal](#portal) - - [Test User Behavior](#test-user-behavior) -- [Code Design](#code-design) - - [Data Store](#data-store) - - [Form Logic](#form-logic) - - [Router](#router) - - [Props from server](#props-from-server) - - [Communication with server](#communication-with-server) - - [CSS / Style](#css--style) - - [HTML Template](#html-template) - - [Isomorphic Apps](#isomorphic-apps) - - [Boilerplate](#boilerplate) - - [Miscellaneous](#miscellaneous-2) -- [Utilities](#utilities) - - [i18n](#i18n) - - [Framework bindings / integrations](#framework-bindings--integrations) - - [Integrations with Third Party Services](#integrations-with-third-party-services) -- [Performance](#performance) - - [UI](#ui) - - [Inspect](#inspect) - - [Lazy Load](#lazy-load) - - [App Size](#app-size) - - [Server-Side Rendering](#server-side-rendering) -- [Dev Tools](#dev-tools) - - [Test](#test) - - [Redux](#redux) - - [Inspect](#inspect-1) - - [Miscellaneous](#miscellaneous-3) -- [Miscellaneous](#miscellaneous-4) - - [Static Website Generator](#static-website-generator) -- [Cloud Solutions](#cloud-solutions) - - [Databases](#databases) +- [🚀 Absolutely Awesome React Components \& Libraries](#-absolutely-awesome-react-components--libraries) + - [Contributing](#contributing) + - [Table of Contents](#table-of-contents) + - [UI Components](#ui-components) + - [Editable data grid / spreadsheet](#editable-data-grid--spreadsheet) + - [Table](#table) + - [Infinite Scroll](#infinite-scroll) + - [Overlay](#overlay) + - [Notification](#notification) + - [Tooltip](#tooltip) + - [Menu](#menu) + - [Sticky](#sticky) + - [Tabs](#tabs) + - [Loader](#loader) + - [Carousel](#carousel) + - [Buttons](#buttons) + - [Collapse](#collapse) + - [Chart](#chart) + - [Command palette](#command-palette) + - [Tree](#tree) + - [UI Navigation](#ui-navigation) + - [Custom Scrollbar](#custom-scrollbar) + - [Audio / Video](#audio--video) + - [Map](#map) + - [Time / Date / Age](#time--date--age) + - [Photo / Image](#photo--image) + - [Icons](#icons) + - [Paginator](#paginator) + - [Markdown Viewer](#markdown-viewer) + - [Canvas](#canvas) + - [Miscellaneous](#miscellaneous) + - [Form Components](#form-components) + - [Date / Time picker](#date--time-picker) + - [Emoji picker](#emoji-picker) + - [Input Types](#input-types) + - [Autocomplete](#autocomplete) + - [Select](#select) + - [Color Picker](#color-picker) + - [Toggle](#toggle) + - [Slider](#slider) + - [Radio Button](#radio-button) + - [Type Select](#type-select) + - [Tag Input](#tag-input) + - [Autosize Input / Textarea](#autosize-input--textarea) + - [Star Rating](#star-rating) + - [Drag and Drop](#drag-and-drop) + - [Sortable List](#sortable-list) + - [Rich Text Editor](#rich-text-editor) + - [Markdown Editor](#markdown-editor) + - [Image Editing](#image-editing) + - [Form Component Collections](#form-component-collections) + - [Miscellaneous](#miscellaneous-1) + - [Syntax Highlight](#syntax-highlight) + - [UI Layout](#ui-layout) + - [UI Animation](#ui-animation) + - [Parallax](#parallax) + - [UI Frameworks](#ui-frameworks) + - [Responsive](#responsive) + - [Material Design](#material-design) + - [Mobile](#mobile) + - [Component Collections](#component-collections) + - [UI Utilities](#ui-utilities) + - [Reporter](#reporter) + - [Visibility Reporter](#visibility-reporter) + - [Measurement Reporter](#measurement-reporter) + - [Device Input](#device-input) + - [Keyboard Events](#keyboard-events) + - [Scroll Events](#scroll-events) + - [Touch Swipe](#touch-swipe) + - [Mouse Events](#mouse-events) + - [Meta Tags](#meta-tags) + - [Portal](#portal) + - [Test User Behavior](#test-user-behavior) + - [Code Design](#code-design) + - [Data Store](#data-store) + - [Form Logic](#form-logic) + - [Router](#router) + - [Props from server](#props-from-server) + - [Communication with server](#communication-with-server) + - [CSS / Style](#css--style) + - [HTML Template](#html-template) + - [Isomorphic Apps](#isomorphic-apps) + - [Boilerplate](#boilerplate) + - [Miscellaneous](#miscellaneous-2) + - [Utilities](#utilities) + - [i18n](#i18n) + - [Framework bindings / integrations](#framework-bindings--integrations) + - [Integrations with Third Party Services](#integrations-with-third-party-services) + - [Performance](#performance) + - [UI](#ui) + - [Inspect](#inspect) + - [Lazy Load](#lazy-load) + - [App Size](#app-size) + - [Server-Side Rendering](#server-side-rendering) + - [Dev Tools](#dev-tools) + - [Test](#test) + - [Redux](#redux) + - [Inspect](#inspect-1) + - [Miscellaneous](#miscellaneous-3) + - [Miscellaneous](#miscellaneous-4) + - [Static Website Generator](#static-website-generator) + - [Cloud Solutions](#cloud-solutions) + - [Databases](#databases) <!-- END doctoc generated TOC please keep comment here to allow auto update --> @@ -349,6 +352,7 @@ _Display icons / icon set / emojis_ - [react-open-doodles](https://github.com/lunahq/react-open-doodles) - Awesome free illustrations as react components. - [react-icomoon](https://github.com/aykutkardas/react-icomoon) - With react-icomoon you can easily use the icons you have selected or created in icomoon. - [tabler-icons-react](https://tabler-icons-react.vercel.app) - A set of over 450 free MIT-licensed high-quality SVG icons. +- [Lucide](https://github.com/lucide-icons/lucide) - Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons. ### Paginator From 038493f8cacf9ce34efda4384a104be39b895236 Mon Sep 17 00:00:00 2001 From: bluepeter <bluepeter@users.noreply.github.com> Date: Sun, 12 Mar 2023 18:01:26 +0000 Subject: [PATCH 329/373] docs: update TOC --- README.md | 203 +++++++++++++++++++++++++++--------------------------- 1 file changed, 100 insertions(+), 103 deletions(-) diff --git a/README.md b/README.md index b2decb1..9f73975 100644 --- a/README.md +++ b/README.md @@ -23,109 +23,106 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE --> ## Table of Contents -- [🚀 Absolutely Awesome React Components \& Libraries](#-absolutely-awesome-react-components--libraries) - - [Contributing](#contributing) - - [Table of Contents](#table-of-contents) - - [UI Components](#ui-components) - - [Editable data grid / spreadsheet](#editable-data-grid--spreadsheet) - - [Table](#table) - - [Infinite Scroll](#infinite-scroll) - - [Overlay](#overlay) - - [Notification](#notification) - - [Tooltip](#tooltip) - - [Menu](#menu) - - [Sticky](#sticky) - - [Tabs](#tabs) - - [Loader](#loader) - - [Carousel](#carousel) - - [Buttons](#buttons) - - [Collapse](#collapse) - - [Chart](#chart) - - [Command palette](#command-palette) - - [Tree](#tree) - - [UI Navigation](#ui-navigation) - - [Custom Scrollbar](#custom-scrollbar) - - [Audio / Video](#audio--video) - - [Map](#map) - - [Time / Date / Age](#time--date--age) - - [Photo / Image](#photo--image) - - [Icons](#icons) - - [Paginator](#paginator) - - [Markdown Viewer](#markdown-viewer) - - [Canvas](#canvas) - - [Miscellaneous](#miscellaneous) - - [Form Components](#form-components) - - [Date / Time picker](#date--time-picker) - - [Emoji picker](#emoji-picker) - - [Input Types](#input-types) - - [Autocomplete](#autocomplete) - - [Select](#select) - - [Color Picker](#color-picker) - - [Toggle](#toggle) - - [Slider](#slider) - - [Radio Button](#radio-button) - - [Type Select](#type-select) - - [Tag Input](#tag-input) - - [Autosize Input / Textarea](#autosize-input--textarea) - - [Star Rating](#star-rating) - - [Drag and Drop](#drag-and-drop) - - [Sortable List](#sortable-list) - - [Rich Text Editor](#rich-text-editor) - - [Markdown Editor](#markdown-editor) - - [Image Editing](#image-editing) - - [Form Component Collections](#form-component-collections) - - [Miscellaneous](#miscellaneous-1) - - [Syntax Highlight](#syntax-highlight) - - [UI Layout](#ui-layout) - - [UI Animation](#ui-animation) - - [Parallax](#parallax) - - [UI Frameworks](#ui-frameworks) - - [Responsive](#responsive) - - [Material Design](#material-design) - - [Mobile](#mobile) - - [Component Collections](#component-collections) - - [UI Utilities](#ui-utilities) - - [Reporter](#reporter) - - [Visibility Reporter](#visibility-reporter) - - [Measurement Reporter](#measurement-reporter) - - [Device Input](#device-input) - - [Keyboard Events](#keyboard-events) - - [Scroll Events](#scroll-events) - - [Touch Swipe](#touch-swipe) - - [Mouse Events](#mouse-events) - - [Meta Tags](#meta-tags) - - [Portal](#portal) - - [Test User Behavior](#test-user-behavior) - - [Code Design](#code-design) - - [Data Store](#data-store) - - [Form Logic](#form-logic) - - [Router](#router) - - [Props from server](#props-from-server) - - [Communication with server](#communication-with-server) - - [CSS / Style](#css--style) - - [HTML Template](#html-template) - - [Isomorphic Apps](#isomorphic-apps) - - [Boilerplate](#boilerplate) - - [Miscellaneous](#miscellaneous-2) - - [Utilities](#utilities) - - [i18n](#i18n) - - [Framework bindings / integrations](#framework-bindings--integrations) - - [Integrations with Third Party Services](#integrations-with-third-party-services) - - [Performance](#performance) - - [UI](#ui) - - [Inspect](#inspect) - - [Lazy Load](#lazy-load) - - [App Size](#app-size) - - [Server-Side Rendering](#server-side-rendering) - - [Dev Tools](#dev-tools) - - [Test](#test) - - [Redux](#redux) - - [Inspect](#inspect-1) - - [Miscellaneous](#miscellaneous-3) - - [Miscellaneous](#miscellaneous-4) - - [Static Website Generator](#static-website-generator) - - [Cloud Solutions](#cloud-solutions) - - [Databases](#databases) +- [UI Components](#ui-components) + - [Editable data grid / spreadsheet](#editable-data-grid--spreadsheet) + - [Table](#table) + - [Infinite Scroll](#infinite-scroll) + - [Overlay](#overlay) + - [Notification](#notification) + - [Tooltip](#tooltip) + - [Menu](#menu) + - [Sticky](#sticky) + - [Tabs](#tabs) + - [Loader](#loader) + - [Carousel](#carousel) + - [Buttons](#buttons) + - [Collapse](#collapse) + - [Chart](#chart) + - [Command palette](#command-palette) + - [Tree](#tree) + - [UI Navigation](#ui-navigation) + - [Custom Scrollbar](#custom-scrollbar) + - [Audio / Video](#audio--video) + - [Map](#map) + - [Time / Date / Age](#time--date--age) + - [Photo / Image](#photo--image) + - [Icons](#icons) + - [Paginator](#paginator) + - [Markdown Viewer](#markdown-viewer) + - [Canvas](#canvas) + - [Miscellaneous](#miscellaneous) + - [Form Components](#form-components) + - [Date / Time picker](#date--time-picker) + - [Emoji picker](#emoji-picker) + - [Input Types](#input-types) + - [Autocomplete](#autocomplete) + - [Select](#select) + - [Color Picker](#color-picker) + - [Toggle](#toggle) + - [Slider](#slider) + - [Radio Button](#radio-button) + - [Type Select](#type-select) + - [Tag Input](#tag-input) + - [Autosize Input / Textarea](#autosize-input--textarea) + - [Star Rating](#star-rating) + - [Drag and Drop](#drag-and-drop) + - [Sortable List](#sortable-list) + - [Rich Text Editor](#rich-text-editor) + - [Markdown Editor](#markdown-editor) + - [Image Editing](#image-editing) + - [Form Component Collections](#form-component-collections) + - [Miscellaneous](#miscellaneous-1) + - [Syntax Highlight](#syntax-highlight) +- [UI Layout](#ui-layout) +- [UI Animation](#ui-animation) + - [Parallax](#parallax) +- [UI Frameworks](#ui-frameworks) + - [Responsive](#responsive) + - [Material Design](#material-design) + - [Mobile](#mobile) + - [Component Collections](#component-collections) +- [UI Utilities](#ui-utilities) + - [Reporter](#reporter) + - [Visibility Reporter](#visibility-reporter) + - [Measurement Reporter](#measurement-reporter) + - [Device Input](#device-input) + - [Keyboard Events](#keyboard-events) + - [Scroll Events](#scroll-events) + - [Touch Swipe](#touch-swipe) + - [Mouse Events](#mouse-events) + - [Meta Tags](#meta-tags) + - [Portal](#portal) + - [Test User Behavior](#test-user-behavior) +- [Code Design](#code-design) + - [Data Store](#data-store) + - [Form Logic](#form-logic) + - [Router](#router) + - [Props from server](#props-from-server) + - [Communication with server](#communication-with-server) + - [CSS / Style](#css--style) + - [HTML Template](#html-template) + - [Isomorphic Apps](#isomorphic-apps) + - [Boilerplate](#boilerplate) + - [Miscellaneous](#miscellaneous-2) +- [Utilities](#utilities) + - [i18n](#i18n) + - [Framework bindings / integrations](#framework-bindings--integrations) + - [Integrations with Third Party Services](#integrations-with-third-party-services) +- [Performance](#performance) + - [UI](#ui) + - [Inspect](#inspect) + - [Lazy Load](#lazy-load) + - [App Size](#app-size) + - [Server-Side Rendering](#server-side-rendering) +- [Dev Tools](#dev-tools) + - [Test](#test) + - [Redux](#redux) + - [Inspect](#inspect-1) + - [Miscellaneous](#miscellaneous-3) +- [Miscellaneous](#miscellaneous-4) + - [Static Website Generator](#static-website-generator) +- [Cloud Solutions](#cloud-solutions) + - [Databases](#databases) <!-- END doctoc generated TOC please keep comment here to allow auto update --> From dd426cce878b6d880e26ee6c822763dab1fcd680 Mon Sep 17 00:00:00 2001 From: inokawa <48897392+inokawa@users.noreply.github.com> Date: Fri, 31 Mar 2023 22:50:30 +0900 Subject: [PATCH 330/373] Add virtua --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 9f73975..e464477 100644 --- a/README.md +++ b/README.md @@ -162,6 +162,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [react-list](https://github.com/orgsync/react-list) - A versatile infinite scroll React component. - [af-virtual-scroll](https://github.com/nowaalex/af-virtual-scroll) - [demo/docs](https://af-virtual-scroll.vercel.app/docs/why) - Render large scrollable lists and tables. - [react-window](https://github.com/bvaughn/react-window) - [demo](https://react-window.now.sh/) - React components for efficiently rendering large lists and tabular data +- [virtua](https://github.com/inokawa/virtua) - [demo](https://inokawa.github.io/virtua/) - Simple, fast, small and flexible virtual scroller. ### Overlay @@ -564,7 +565,6 @@ _Let the user define an order on a list_ _Image manipulation_ -- [react-avatar-cropper](https://github.com/DropsOfSerenity/react-avatar-cropper) - Aiming to be a complete solution for avatar cropping in react. - [react-avatar-editor](https://github.com/mosch/react-avatar-editor) - Facebook-like, avatar / profile picture component. - [react-avatar-generator](https://github.com/JosephSmith127/react-avatar-generator) - Generate fun kaleidoscope for user avatars. - [react-easy-crop](https://github.com/ricardo-ch/react-easy-crop) - Component to crop/rotate images/videos with easy interactions. Touch friendly. From 6ae0de7b43bec0c143ed8af15e865f2d7a9e0a3d Mon Sep 17 00:00:00 2001 From: Misa <mm34549@gmail.com> Date: Thu, 13 Apr 2023 08:54:57 +0330 Subject: [PATCH 331/373] Update README.md --- README.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/README.md b/README.md index e464477..91a0a21 100644 --- a/README.md +++ b/README.md @@ -155,6 +155,9 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [Smart React Grid](https://htmlelements.com/react/demos/grid/overview/) - Fast and feature-complete data grid with Material Design. - [KendoReact Grid](https://www.telerik.com/kendo-react-ui/components/grid/) - Powerful data grid component with 100+ ready-to-use features like paging, sorting, export to Excel, and more. +- Material-React-Table:A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript +https://github.com/KevinVandy/material-react-table + ### Infinite Scroll - [@egjs/react-infinitegrid](https://github.com/naver/egjs-infinitegrid/blob/master/packages/react-infinitegrid) - [npm](https://www.npmjs.com/package/@egjs/react-infinitegrid) - [demo](https://naver.github.io/egjs-infinitegrid/storybook/) - A module used to arrange card elements including content infinitely according to various layout types. From 5e1ac6c8d6b572e6ef19dbe528c37070f4851811 Mon Sep 17 00:00:00 2001 From: Misa <mm34549@gmail.com> Date: Thu, 13 Apr 2023 09:02:23 +0330 Subject: [PATCH 332/373] Update README.md --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index 91a0a21..8515b75 100644 --- a/README.md +++ b/README.md @@ -995,6 +995,8 @@ _Internationalization / L10n / localization / translation_ - [redux-test-recorder](https://github.com/conorhastings/redux-test-recorder) - A redux middleware to automatically generate tests for reducers through ui interaction. - [rut](https://github.com/milesj/rut) - React testing made easy with `react-test-renderer`. Supports DOM and custom renderers. - [unexpected-react](https://github.com/bruderstein/unexpected-react) - Plugin for unexpected to enable testing the full React virtual DOM, and also the shallow renderer. +- playwright:Playwright enables reliable end-to-end testing for modern web apps. +https://github.com/microsoft/playwright ### Redux From 8ac094a84daf45c4317856e9b80fadd216242df5 Mon Sep 17 00:00:00 2001 From: Misa <mm34549@gmail.com> Date: Thu, 13 Apr 2023 09:07:27 +0330 Subject: [PATCH 333/373] Update README.md --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 8515b75..70593fc 100644 --- a/README.md +++ b/README.md @@ -995,8 +995,8 @@ _Internationalization / L10n / localization / translation_ - [redux-test-recorder](https://github.com/conorhastings/redux-test-recorder) - A redux middleware to automatically generate tests for reducers through ui interaction. - [rut](https://github.com/milesj/rut) - React testing made easy with `react-test-renderer`. Supports DOM and custom renderers. - [unexpected-react](https://github.com/bruderstein/unexpected-react) - Plugin for unexpected to enable testing the full React virtual DOM, and also the shallow renderer. -- playwright:Playwright enables reliable end-to-end testing for modern web apps. -https://github.com/microsoft/playwright +- [playwright](https://github.com/microsoft/playwright) enables reliable end-to-end testing for modern web apps. + ### Redux From 1876a28d665c33510eca8fa5cdbe5d9979c63b7e Mon Sep 17 00:00:00 2001 From: Misa <mm34549@gmail.com> Date: Thu, 13 Apr 2023 09:09:25 +0330 Subject: [PATCH 334/373] Update README.md --- README.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/README.md b/README.md index 70593fc..163c6fc 100644 --- a/README.md +++ b/README.md @@ -155,8 +155,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [Smart React Grid](https://htmlelements.com/react/demos/grid/overview/) - Fast and feature-complete data grid with Material Design. - [KendoReact Grid](https://www.telerik.com/kendo-react-ui/components/grid/) - Powerful data grid component with 100+ ready-to-use features like paging, sorting, export to Excel, and more. -- Material-React-Table:A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript -https://github.com/KevinVandy/material-react-table +- [Material-React-Table](https://github.com/KevinVandy/material-react-table) - A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript ### Infinite Scroll From 44b4a48d7fd8487bef31bd67e8571314d98be06a Mon Sep 17 00:00:00 2001 From: Misa <mm34549@gmail.com> Date: Thu, 13 Apr 2023 10:18:16 +0330 Subject: [PATCH 335/373] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 163c6fc..3b545c0 100644 --- a/README.md +++ b/README.md @@ -156,6 +156,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [KendoReact Grid](https://www.telerik.com/kendo-react-ui/components/grid/) - Powerful data grid component with 100+ ready-to-use features like paging, sorting, export to Excel, and more. - [Material-React-Table](https://github.com/KevinVandy/material-react-table) - A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript +- [AG Grid](https://www.ag-grid.com/) - The Best JavaScript Grid in the World ### Infinite Scroll From 98fb8bd8942c6b56b8a84b1218ce058e76e799dc Mon Sep 17 00:00:00 2001 From: Chethan B N <47515084+Chethan30@users.noreply.github.com> Date: Thu, 20 Apr 2023 19:48:47 -0500 Subject: [PATCH 336/373] FIxed and added link - echarts for react --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 3b545c0..08205ba 100644 --- a/README.md +++ b/README.md @@ -254,6 +254,7 @@ _Display data in charts / graphs / diagrams_ - [chartify](https://github.com/kirillstepkin/chartify) - React.js plugin for building animated draggable and customizable charts. - [essential js 2 charts](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/charts) - Beautiful and interactive charts & graphs for react. +- [echarts for react](https://github.com/hustcc/echarts-for-react) - Wrapper around beautiful Apache Echarts - [jscharting-react](https://github.com/jscharting/jscharting-react) – React chart component offering a complete set of chart types and engaging data visualizations with [JSCharting](https://jscharting.com/). - [react-chartist](https://github.com/fraserxu/react-chartist) - React component for Chartist.js. - [react-charty](https://github.com/99ff00/react-charty) - [demo](https://99ff00.github.io/react-charty/) - Small but powerful interactive data viz with multiple chart types, animations, zooming, theming. From f9ca83aff029ef8cfb7406c12ee7b199a82317fb Mon Sep 17 00:00:00 2001 From: Marco Biedermann <5244986+marcobiedermann@users.noreply.github.com> Date: Tue, 2 May 2023 16:55:47 +0200 Subject: [PATCH 337/373] Update react-table Update content of `react-table` and rename it to `TanStack Table` --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 08205ba..ae089b0 100644 --- a/README.md +++ b/README.md @@ -147,7 +147,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [material-table](https://github.com/mbrn/material-table) - [demo/docs](https://material-table.com/) - Built on Material UI, plus: grouping, tree data, expandable rows, export, inline editing - [mui-datatables](https://github.com/gregnb/mui-datatables) - Built on Material UI. Search, styling, filtering, resize/hide columns, export, print, select/expand rows. - [react-data-table](https://github.com/jbetancur/react-data-table-component) - [demo/docs](https://jbetancur.github.io/react-data-table-component/?) - accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination -- [react-table](https://github.com/tannerlinsley/react-table) - [demo](https://react-table.tanstack.com/docs/examples/basic) - Hooks for building fast and extendable tables and datagrids +- [TanStack Table](https://github.com/tannerlinsley/react-table) - [demo](https://tanstack.com/table/v8/docs/examples/react/basic) - Headless UI for building powerful tables & datagrids - [react-table-library](https://github.com/table-library/react-table-library) - [demo](https://react-table-library.com/) - React Table Library -- an almost headless table library -- for building better tables. - [rsuite-table](https://github.com/rsuite/rsuite-table) - [demo/docs](http://rsuite.github.io/rsuite-table/) - A table component that supports virtualized. - [sematable](https://github.com/sematext/sematable) - Client side sorting, pagination, and text filter for redux/react based apps. From 51ff90b05e22aa97fb642d01a0825ed9d009a2a0 Mon Sep 17 00:00:00 2001 From: Brandon Owens <brandono@vitamins2you.com> Date: Wed, 3 May 2023 01:00:51 -0400 Subject: [PATCH 338/373] Add Elegant Framework, Remove react-heatmap Added the elegant framework resource to the awesome react components list. Removed the archived react-heatmaps package that was last updated 8 years ago. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index ae089b0..69b4b73 100644 --- a/README.md +++ b/README.md @@ -879,6 +879,7 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [crisp-react](https://github.com/winwiz1/crisp-react) - Express integration in TypeScript with support for multiple SPAs and pitfall avoidance. - [cra-template-redux-auth-starter](https://github.com/Nilanth/cra-template-redux-auth-starter) - A Redux auth starter boilerplate for CRA. - [electron-react-boilerplate](https://github.com/chentsulin/electron-react-boilerplate) - Live editing development on desktop app. +- [elegant](https://github.com/elegantframework/elegant-cli) - [docs](https://www.elegantframework.com/docs/installation) - [demo](https://www.elegantframework.com/) - A simple React framework for rapidly building beautiful and expressive web applications with Next.js, Tailwind CSS, and Markdown loading. - [generator-starhackit](https://github.com/FredericHeem/starhackit) - Full-stack starter kit. - [nwb](https://github.com/insin/nwb) - CLI tool and devDependency for React apps & components and npm modules. - [nx](https://nx.dev) - Next generation build system with first class monorepo support and powerful integrations. @@ -1021,7 +1022,6 @@ _Internationalization / L10n / localization / translation_ - [component-controls](https://github.com/ccontrols/component-controls) - [demo](https://component-controls.com) - [docs](https://component-controls.com/tutorial) - A next-generation tool to create blazing-fast documentation sites. - [cosmos-js](https://github.com/skidding/cosmos) - DX tool for designing truly encapsulated React components. - [react-demo-tab-cli](https://github.com/mkosir/react-demo-tab-cli) - CLI tool for creating demos of react components. -- [react-heatpack](https://github.com/insin/react-heatpack) - A 'heatpack' command for quick React development with webpack hot reloading. - [react-styleguidist](https://github.com/sapegin/react-styleguidist) - React style guide generator. - [standard-react](https://github.com/feross/standard) - JavaScript Standard Style Guide. - [Plasmic](https://www.plasmic.app/) - Powerful design tool for building your React components visually. From ff26b0ffd2019ea9e4be8fa8c6829052fa0918e0 Mon Sep 17 00:00:00 2001 From: Romuald Brillout <git@brillout.com> Date: Tue, 13 Jun 2023 17:38:04 +0200 Subject: [PATCH 339/373] add @frameright/image-display-control-web-component --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 69b4b73..6bde902 100644 --- a/README.md +++ b/README.md @@ -344,6 +344,7 @@ _Display images / photos_ - [react-svg-pan-zoom](https://github.com/chrvadala/react-svg-pan-zoom) - A React component that adds pan and zoom features to SVG. - [react-particle-image](https://github.com/malerba118/react-particle-image) - [demo](https://malerba118.github.io/react-particle-image-demo/) - Render images as interactive particles. - [react-imgix](https://github.com/imgix/react-imgix) - Add fast, responsive images as an image, picture, or background! +- [@frameright/react-image-display-control](https://github.com/Frameright/react-image-display-control) - Define zoom regions for smart responsive images. ### Icons From 72629fd9e028f3f0ef66c63c5f9ccafbf6863308 Mon Sep 17 00:00:00 2001 From: zhangfisher <wxzhang@126.com> Date: Mon, 26 Jun 2023 11:25:20 +0800 Subject: [PATCH 340/373] add i18n voerkai18n - [VoerkaI18n](https://zhangfisher.github.io/voerka-i18n/) - Internationalization solution for `Javascript/Typescript/Vue/React/Solidjs/SvelteJs/ReactNative` --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 6bde902..0ac7f61 100644 --- a/README.md +++ b/README.md @@ -106,6 +106,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [Miscellaneous](#miscellaneous-2) - [Utilities](#utilities) - [i18n](#i18n) + - [VoerkaI18n](https://zhangfisher.github.io/voerka-i18n/) - Internationalization solution for `Javascript/Typescript/Vue/React/Solidjs/SvelteJs/ReactNative` - [Framework bindings / integrations](#framework-bindings--integrations) - [Integrations with Third Party Services](#integrations-with-third-party-services) - [Performance](#performance) From f37cd87c29b662f07abf0f524c165ac653a23f1e Mon Sep 17 00:00:00 2001 From: bluepeter <bluepeter@users.noreply.github.com> Date: Mon, 26 Jun 2023 03:30:29 +0000 Subject: [PATCH 341/373] docs: update TOC --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 0ac7f61..6bde902 100644 --- a/README.md +++ b/README.md @@ -106,7 +106,6 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [Miscellaneous](#miscellaneous-2) - [Utilities](#utilities) - [i18n](#i18n) - - [VoerkaI18n](https://zhangfisher.github.io/voerka-i18n/) - Internationalization solution for `Javascript/Typescript/Vue/React/Solidjs/SvelteJs/ReactNative` - [Framework bindings / integrations](#framework-bindings--integrations) - [Integrations with Third Party Services](#integrations-with-third-party-services) - [Performance](#performance) From df2032e2687e2b71dab1df8921cb1724a7332151 Mon Sep 17 00:00:00 2001 From: Nam Nguyen <nam.nguyen.node@gmail.com> Date: Wed, 19 Jul 2023 10:40:22 -0300 Subject: [PATCH 342/373] Add Zoom Image --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 6bde902..bef0303 100644 --- a/README.md +++ b/README.md @@ -345,6 +345,7 @@ _Display images / photos_ - [react-particle-image](https://github.com/malerba118/react-particle-image) - [demo](https://malerba118.github.io/react-particle-image-demo/) - Render images as interactive particles. - [react-imgix](https://github.com/imgix/react-imgix) - Add fast, responsive images as an image, picture, or background! - [@frameright/react-image-display-control](https://github.com/Frameright/react-image-display-control) - Define zoom regions for smart responsive images. +- [zoom-image](https://github.com/willnguyen1312/zoom-image) - [demo](https://willnguyen1312.github.io/zoom-image/examples/react.html) - [docs](https://willnguyen1312.github.io/zoom-image) - A little yet powerful framework agnostic library to zoom image on the web ### Icons From dfd4e47b5478b763265c079e6973192268ce3fed Mon Sep 17 00:00:00 2001 From: Lihang Xu <xulihanghai@163.com> Date: Wed, 2 Aug 2023 11:12:21 +0800 Subject: [PATCH 343/373] Add react-mrz-scanner --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index bef0303..d8d2daf 100644 --- a/README.md +++ b/README.md @@ -412,6 +412,7 @@ _Sketch input using Canvas or SVG_ - [@restpace/schema-form](https://github.com/restspace/schema-form) - [Demo](https://restspace.io/react/schema-form/demo) - Easily build complex forms automatically from a JSON Schema. - [react-darkreader](https://github.com/Turkyden/react-darkreader) - A React Hook for adding a dark / night mode to your site inspired by darkreader. - [react-apple-signin-auth](https://github.com/A-Tokyo/react-apple-signin-auth) - Apple signin for React using the official Apple JS SDK. +- [react-mrz-scanner]((https://github.com/tony-xlh/react-mrz-scanner) - A React component to scan MRZ on passports, visa cards, etc. It is based on Dynamsoft Label Recognizer. ### Form Components From a5364411f84ee59a2f26ab2edadec34096062951 Mon Sep 17 00:00:00 2001 From: Lihang Xu <xulihanghai@163.com> Date: Wed, 2 Aug 2023 11:13:11 +0800 Subject: [PATCH 344/373] remove an extra bracket --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index d8d2daf..e18b3dc 100644 --- a/README.md +++ b/README.md @@ -412,7 +412,7 @@ _Sketch input using Canvas or SVG_ - [@restpace/schema-form](https://github.com/restspace/schema-form) - [Demo](https://restspace.io/react/schema-form/demo) - Easily build complex forms automatically from a JSON Schema. - [react-darkreader](https://github.com/Turkyden/react-darkreader) - A React Hook for adding a dark / night mode to your site inspired by darkreader. - [react-apple-signin-auth](https://github.com/A-Tokyo/react-apple-signin-auth) - Apple signin for React using the official Apple JS SDK. -- [react-mrz-scanner]((https://github.com/tony-xlh/react-mrz-scanner) - A React component to scan MRZ on passports, visa cards, etc. It is based on Dynamsoft Label Recognizer. +- [react-mrz-scanner](https://github.com/tony-xlh/react-mrz-scanner) - A React component to scan MRZ on passports, visa cards, etc. It is based on Dynamsoft Label Recognizer. ### Form Components From 59f5996a4fa257f39d041de88a4685f8656417ab Mon Sep 17 00:00:00 2001 From: Ionut-Cristian Florescu <ionut.florescu@gmail.com> Date: Thu, 3 Aug 2023 12:48:31 +0300 Subject: [PATCH 345/373] Add Mantine-DataTable & Mantine-ContextMenu Hey, I'm the author of [Mantine DataTable](https://icflorescu.github.io/mantine-datatable/) and [Mantine ContextMenu](https://github.com/icflorescu/mantine-contextmenu). Please have a look at the two libraries and thanks in advance for accepting the PR. --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index e18b3dc..e8ece86 100644 --- a/README.md +++ b/README.md @@ -144,6 +144,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- ### Table - [ka-table](https://github.com/komarovalexander/ka-table) - [demo](https://komarovalexander.github.io/ka-table/#/overview) - Customizable table component with sorting, filtering, grouping, virtualization, editing etc. +- [mantine-datatable](https://github.com/icflorescu/mantine-datatable) - [demo/docs](https://icflorescu.github.io/mantine-datatable/) - Lightweight table component for Mantine UI applications, with lots of features - [material-table](https://github.com/mbrn/material-table) - [demo/docs](https://material-table.com/) - Built on Material UI, plus: grouping, tree data, expandable rows, export, inline editing - [mui-datatables](https://github.com/gregnb/mui-datatables) - Built on Material UI. Search, styling, filtering, resize/hide columns, export, print, select/expand rows. - [react-data-table](https://github.com/jbetancur/react-data-table-component) - [demo/docs](https://jbetancur.github.io/react-data-table-component/?) - accessible, responsive, themable, declaratively configurable table with sorting, selectable rows, expandable rows, pagination @@ -202,6 +203,7 @@ _Menus / sidebars_ - [react-burger-menu](https://github.com/negomi/react-burger-menu) - An off-canvas sidebar with effects and styles. - [react-offcanvas](https://github.com/vutran/react-offcanvas) - Off-canvas menus for React. - [react-planet](https://github.com/innFactory/react-planet) - [demo](https://innfactory.github.io/react-planet/) - Create circular menus which looks like planets. +- [mantine-contextmenu](https://github.com/icflorescu/mantine-contextmenu) - [demo/docs](https://icflorescu.github.io/mantine-contextmenu/) - Context-menu hook/component for applications built with Mantine UI. ### Sticky From 19b388c8d9ff60149eb86e12d5eb95351bd9ee9d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=98=A4=EC=A7=80=ED=99=98=20=28Cooper=29?= <cooper@chequer.io> Date: Fri, 4 Aug 2023 05:36:16 +0900 Subject: [PATCH 346/373] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index e18b3dc..5996875 100644 --- a/README.md +++ b/README.md @@ -452,6 +452,7 @@ _Masked inputs, specialized inputs; email / telephone number / credit card / etc - [react-input-mask](https://github.com/sanniassin/react-input-mask) - [demo](http://sanniassin.github.io/react-input-mask/demo.html) - Yet another react component for input masking. - [@lunasec/react-sdk](https://github.com/lunasec-io/lunasec) - [docs](https://www.lunasec.io/docs/) - Secure, hardened form components that encrypt/tokenize all data automatically. - [react-numpad](https://github.com/gpietro/react-numpad) - [demo](https://gpietro.github.io/react-numpad-demo/) - Extensible number pad control for numbers, dates and times. +- [react-multi-email](https://github.com/axisj/react-multi-email) - [demo](https://react-multi-email.vercel.app/) - Format multiple emails as the user types. #### Autocomplete From 03155e4a331b0d3d8c858d39a26f340c0003db58 Mon Sep 17 00:00:00 2001 From: Adcent <adcentury100@gmail.com> Date: Thu, 24 Aug 2023 15:19:03 +0800 Subject: [PATCH 347/373] Add react-mobile-picker --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 1c5c5fb..391270d 100644 --- a/README.md +++ b/README.md @@ -467,7 +467,7 @@ _Autosuggest / autocomplete / typeahead_ - [react-aria-menubutton](https://github.com/davidtheclark/react-aria-menubutton) - A fully accessible, easily themeable, React-powered menu button. - [react-functional-select](https://github.com/based-ghost/react-functional-select) - [demo](https://based-ghost.github.io/react-functional-select/) - Micro-sized & micro-optimized select component for React.js. -- [react-select-box](https://github.com/instructure-react/react-select-box) - An accessible select box component for React. +- [react-mobile-picker](https://github.com/adcentury/react-mobile-picker) - [demo](https://react-mobile-picker.vercel.app/) - An iOS like select box component. - [react-select](https://github.com/JedWatson/react-select) - A Select control built with and for React JS. - [react-column-select](https://github.com/chr-ge/react-column-select) - A column select component built for react. - [react-select-search](https://github.com/tbleckert/react-select-search) - [demo](https://react-select-search.com/) - A lightweight select component for React From 80263211bcce0bd639c7cafd866111fc6d7195a2 Mon Sep 17 00:00:00 2001 From: Chris Villa <chrisvxd@users.noreply.github.com> Date: Fri, 8 Sep 2023 10:57:44 +0100 Subject: [PATCH 348/373] add puck This PR adds [Puck](https://github.com/measuredco/puck) to the Miscellaneous components section. I couldn't find another section for this. --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 391270d..2dc6d9a 100644 --- a/README.md +++ b/README.md @@ -386,6 +386,7 @@ _Sketch input using Canvas or SVG_ ### Miscellaneous +- [puck](https://github.com/measuredco/puck) - [demo](https://puck-editor-demo.vercel.app/edit) - The self-hosted visual editor for React - [react-advanced-news-ticker](https://github.com/ahmetcanaydemir/react-advanced-news-ticker) - [demo](https://www.ahmetcanaydemir.com/react-advanced-news-ticker/) - A flexible and animated vertical news ticker component - [react-avatar-generator](https://github.com/JosephSmith127/react-avatar-generator) - Allows users to create random kaleidoscopes to be used as avatars. - [react-awesome-query-builder](https://github.com/ukrbublik/react-awesome-query-builder) - [demo](https://ukrbublik.github.io/react-awesome-query-builder/) - Visual query builder from form fields, with SQL, MongoDB and JSON export From c52698395d708304aad7891c04e9bc5335bf59e1 Mon Sep 17 00:00:00 2001 From: alex <nowaalex@gmail.com> Date: Sat, 21 Oct 2023 13:38:44 +0200 Subject: [PATCH 349/373] changed af-virtual-scroll -> af-utils/virtual --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 2dc6d9a..910bc09 100644 --- a/README.md +++ b/README.md @@ -164,7 +164,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [@egjs/react-infinitegrid](https://github.com/naver/egjs-infinitegrid/blob/master/packages/react-infinitegrid) - [npm](https://www.npmjs.com/package/@egjs/react-infinitegrid) - [demo](https://naver.github.io/egjs-infinitegrid/storybook/) - A module used to arrange card elements including content infinitely according to various layout types. - [react-lazyload](https://github.com/jasonslyvia/react-lazyload) - Lazyload your Component, Image or anything else where the performance matters. - [react-list](https://github.com/orgsync/react-list) - A versatile infinite scroll React component. -- [af-virtual-scroll](https://github.com/nowaalex/af-virtual-scroll) - [demo/docs](https://af-virtual-scroll.vercel.app/docs/why) - Render large scrollable lists and tables. +- [@af-utils/virtual](https://github.com/nowaalex/af-utils) - [demo/docs](https://af-utils.vercel.app/virtual) - Render large scrollable lists and grids. - [react-window](https://github.com/bvaughn/react-window) - [demo](https://react-window.now.sh/) - React components for efficiently rendering large lists and tabular data - [virtua](https://github.com/inokawa/virtua) - [demo](https://inokawa.github.io/virtua/) - Simple, fast, small and flexible virtual scroller. From 574e15131095b37121aee59c28b5836ac58c8612 Mon Sep 17 00:00:00 2001 From: Alireza Sarabchi <a.sarabchi@gmail.com> Date: Wed, 15 Nov 2023 13:26:22 +0330 Subject: [PATCH 350/373] Sonner added under notification --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 910bc09..8187eed 100644 --- a/README.md +++ b/README.md @@ -190,6 +190,7 @@ _Toaster / snackbar — Notify the user with a modeless temporary little popup_ - [reapop](https://github.com/LouisBarranqueiro/reapop) - A React & Redux notifications system. - [simple-react-notifications](https://github.com/alexpermyakov/simple-react-notifications) - [demo](https://alexpermyakov.github.io/simple-react-notifications/) - Tiny notification library (1kb gzip). - [react-hot-toast](https://github.com/timolins/react-hot-toast) - [demo](https://react-hot-toast.com/) - Smoking hot Notifications for React. Lightweight, customizable and beautiful by default. +- [Sonner](https://sonner.emilkowal.ski/) - An opinionated toast component for React. ### Tooltip From 5d8ce2e077ec14d46dc323acfa6b88e8f0a4b775 Mon Sep 17 00:00:00 2001 From: Alireza Sarabchi <a.sarabchi@gmail.com> Date: Wed, 15 Nov 2023 13:29:09 +0330 Subject: [PATCH 351/373] cmdk added under command palette --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 910bc09..0975834 100644 --- a/README.md +++ b/README.md @@ -281,6 +281,7 @@ _Display data in charts / graphs / diagrams_ ### Command palette +- [cmdk](https://cmdk.paco.me/) - Fast, composable, unstyled command menu for React. - [kbar](https://github.com/timc1/kbar) - [demo](https://kbar.vercel.app) - Fast, portable, and extensible cmd+k interface. ### Tree From b1eabf1d9ef3915bf025907204a4b9add24e5a55 Mon Sep 17 00:00:00 2001 From: Momcilo Popov <momcilo.popov@becomes.co> Date: Thu, 7 Dec 2023 11:07:42 +0100 Subject: [PATCH 352/373] Add BCMS --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 330e45a..138c5f5 100644 --- a/README.md +++ b/README.md @@ -1059,5 +1059,6 @@ _Internationalization / L10n / localization / translation_ ### Databases +- [BCMS](https://github.com/bcms/cms) - API-based, open-source, self-hostable content management system for Gatsby, Nuxt and Next. - [crisp-bigquery](https://github.com/winwiz1/crisp-bigquery) - Full stack Google BigQuery with Express in TypeScript. - [react-server-routing-example](https://github.com/mhart/react-server-routing-example) - Universal client/server routing and data with AWS DynamoDB. From 4617c8e8faa0f5df88af19309e92e2568c9e4b60 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tom=20=C3=96sterlund?= <tom_jonathan.oesterlund@prosiebensat1.com> Date: Wed, 27 Dec 2023 08:03:09 +0100 Subject: [PATCH 353/373] add schedule-x and remove non-maintained repos --- README.md | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/README.md b/README.md index 138c5f5..75f9cb1 100644 --- a/README.md +++ b/README.md @@ -429,20 +429,16 @@ _Date picker / time picker / datetime picker / date range picker_ - [date-range-picker](https://github.com/almogtavor/date-range-picker) - [demo](https://almogtavor.github.io/date-range-picker/) - A calendar component that supports date, range & ranges picks. - [react-big-calendar](https://github.com/intljusticemission/react-big-calendar) - Gcal/outlook like calendar component. -- [react-date-range](https://github.com/Adphorus/react-date-range) - A React component for choosing dates and date ranges. - [react-datepicker](https://github.com/Hacker0x01/react-datepicker) - A simple and reusable datepicker component for React. -- [react-datepicker2](https://github.com/mberneti/react-datepicker2) - [demo](https://mberneti.github.io/react-datepicker2/) - [docs](https://mberneti.github.io/react-datepicker2/) A simple and reusable datepicker component (with persian jalali calendar support). -- [react-datetime](https://github.com/YouCanBookMe/react-datetime) - A lightweight but complete datetime picker react component. - [react-day-picker](https://github.com/gpbl/react-day-picker) - Flexible date picker for React. - [react-flatpickr](https://github.com/coderhaoxin/react-flatpickr) - Flatpickr for React. -- [react-nice-dates](https://github.com/hernansartorio/react-nice-dates) - [demo/docs](https://reactnicedates.hernansartorio.com/) A responsive, touch-friendly, and modular date picker library. - [react-simple-timefield](https://github.com/antonfisher/react-simple-timefield) - [demo](https://antonfisher.com/react-simple-timefield/) - Simple time input field. - [react-timezone-select](https://github.com/ndom91/react-timezone-select) - [demo](https://ndom91.github.io/react-timezone-select/) - Dynamic, succinct timezone select. Based on `react-select`. -- [react-yearly-calendar](https://github.com/BelkaLab/react-yearly-calendar) - React.js Yearly Calendar Component. - [DevExtreme React Scheduler](https://devexpress.github.io/devextreme-reactive/react/scheduler/) - High-performance plugin-based scheduler/calendar for Material Design. - [jQWidgets Scheduler](https://www.jqwidgets.com/react/react-scheduler/) - Feature complete Scheduling library. - [react-calendar](https://github.com/wojtekmaj/react-calendar) - Ultimate calendar for your React app. - [react-date-picker](https://github.com/wojtekmaj/react-date-picker) - A date picker for your React app. +- [schedule-x](https://github.com/schedule-x/schedule-x) - Material design event calendar and date picker components. Demo site: https://schedule-x.dev/ #### Emoji picker From ea346cf4b39e18e4a74fd550030ac4d7734b20c4 Mon Sep 17 00:00:00 2001 From: Eric <jnsnco@users.noreply.github.com> Date: Fri, 5 Jan 2024 18:13:12 -0800 Subject: [PATCH 354/373] Update README.md add fireproof under Data Stores remove react-3ducks (<10 stars, no updates for >5 yrs) --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 75f9cb1..1a9d48d 100644 --- a/README.md +++ b/README.md @@ -803,9 +803,9 @@ _Data flow / data management / data stores / components state / data flow_ - [baobab-react](https://github.com/Yomguithereal/baobab-react) - React integration for Baobab. - [cerebral](https://github.com/cerebral/cerebral) - A state controller with its own debugger. - [effector-react](https://github.com/effector/effector) - React bindings for effector, an effective multi-store state manager. +- [fireproof](https://github.com/fireproof-storage/fireproof) - [demo](https://fireproof.storage/try-free/) - [docs](https://use-fireproof.com/docs/welcome) Pure JS, zero dependency, CRDT database - runs in the browser and connects to any cloud or backend - [fluxible](https://github.com/yahoo/fluxible) - A pluggable container for universal flux applications. - [kea](https://github.com/mariusandra/kea) - High level architecture for React apps. -- [react-3ducks](https://github.com/smakazmi/react-3ducks) - [demo](https://stackblitz.com/github/smakazmi/react-3ducks/tree/master/examples/todos) - Simple state management solution for React. - [react-i13n](https://github.com/yahoo/react-i13n) - A performant, scalable and pluggable approach to instrumenting your React application. - [react-redux](https://github.com/reactjs/react-redux) - Official React bindings for Redux. - [redux-batched-actions](https://github.com/tshelburne/redux-batched-actions) - Reducer + action to reduce actions under a single subscriber notification. From e606569e66e2a43aac5c6200d4ae0a580eeabcc7 Mon Sep 17 00:00:00 2001 From: Talha Mujahid <htmujahid@gmail.com> Date: Tue, 30 Jan 2024 17:20:01 -0800 Subject: [PATCH 355/373] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 1a9d48d..97b9987 100644 --- a/README.md +++ b/README.md @@ -838,6 +838,7 @@ _Data flow / data management / data stores / components state / data flow_ - [redux-first-history](https://github.com/salvoravida/redux-first-history) - Redux First History - Redux history binding support react-router - @reach/router - wouter - [universal-router](https://github.com/kriasoft/universal-router) - A simple middleware-style router for isomorphic JavaScript web apps. - [wouter](https://github.com/molefrog/wouter) - A minimalist-friendly ~1.3KB routing library. Nothing else but hooks. +- [tanstack-router](https://github.com/TanStack/router) - Type-safe router with built-in caching & URL state management ### Props from server From f00befe74a223a9180ffeba82ce7be707ed4a110 Mon Sep 17 00:00:00 2001 From: inokawa <48897392+inokawa@users.noreply.github.com> Date: Sun, 11 Feb 2024 21:39:54 +0900 Subject: [PATCH 356/373] Update virtua --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 97b9987..5f19cdd 100644 --- a/README.md +++ b/README.md @@ -166,7 +166,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [react-list](https://github.com/orgsync/react-list) - A versatile infinite scroll React component. - [@af-utils/virtual](https://github.com/nowaalex/af-utils) - [demo/docs](https://af-utils.vercel.app/virtual) - Render large scrollable lists and grids. - [react-window](https://github.com/bvaughn/react-window) - [demo](https://react-window.now.sh/) - React components for efficiently rendering large lists and tabular data -- [virtua](https://github.com/inokawa/virtua) - [demo](https://inokawa.github.io/virtua/) - Simple, fast, small and flexible virtual scroller. +- [virtua](https://github.com/inokawa/virtua) - [demo](https://inokawa.github.io/virtua/) - A zero-config, fast and small (~3kB) virtual list component for React, Vue and Solid. ### Overlay From 69bd4535faa76fdbcf7cce1c59a1c6db348e96c7 Mon Sep 17 00:00:00 2001 From: Vladyslav Shchepotin <vladislav.schepotin@gmail.com> Date: Fri, 23 Feb 2024 01:25:47 +0200 Subject: [PATCH 357/373] feat(boilerplates): add Extensive React Boilerplate --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 5f19cdd..2f19cfc 100644 --- a/README.md +++ b/README.md @@ -886,6 +886,7 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [cra-template-redux-auth-starter](https://github.com/Nilanth/cra-template-redux-auth-starter) - A Redux auth starter boilerplate for CRA. - [electron-react-boilerplate](https://github.com/chentsulin/electron-react-boilerplate) - Live editing development on desktop app. - [elegant](https://github.com/elegantframework/elegant-cli) - [docs](https://www.elegantframework.com/docs/installation) - [demo](https://www.elegantframework.com/) - A simple React framework for rapidly building beautiful and expressive web applications with Next.js, Tailwind CSS, and Markdown loading. +- [extensive-react-boilerplate](https://github.com/brocoders/extensive-react-boilerplate) - Boilerplate with Next.js, Auth (Sign in, Sign up, Reset password, Confirm email, Refresh Token), Material UI, React Hook Form, I18N, File uploads (support local and Amazon S3 drivers), Tests, CI. - [generator-starhackit](https://github.com/FredericHeem/starhackit) - Full-stack starter kit. - [nwb](https://github.com/insin/nwb) - CLI tool and devDependency for React apps & components and npm modules. - [nx](https://nx.dev) - Next generation build system with first class monorepo support and powerful integrations. From da86c72c963071f8e926385297447812610bf863 Mon Sep 17 00:00:00 2001 From: Xinxin <phphe@outlook.com> Date: Sat, 9 Mar 2024 21:48:57 +0800 Subject: [PATCH 358/373] add a tree component: he-tree-react --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 2f19cfc..c5d39ee 100644 --- a/README.md +++ b/README.md @@ -292,6 +292,7 @@ _Display a tree data structure_ - [react-arborist](https://github.com/brimdata/react-arborist) - [demo](https://react-arborist.netlify.app/) - A Full-Featured Tree View: headless, virtualized, multi-selectable, drag-n-drop, keyboard navigation, search - [react-complex-tree](https://github.com/lukasbach/react-complex-tree) - [demo](https://rct.lukasbach.com/) - [docs](https://rct.lukasbach.com/docs/getstarted) - Unopinionated Accessible Tree Component with Multi-Select, Drag-And-Drop and Search - [react-treeview](https://github.com/chenglou/react-treeview) - Easy, light, flexible tree view made with React. +- [he-tree-react](https://github.com/phphe/he-tree-react) - [demo](https://he-tree-react.phphe.com/v1/examples) - [docs](https://he-tree-react.phphe.com/) - Tree, customizable UI, flat data, tree data, drag-n-drop, placeholder for drop, foldable, checkbox, virtualized. ### UI Navigation From 22b392bef76b63a42e87603469567bde8c7ec33f Mon Sep 17 00:00:00 2001 From: luoanbing <luoanb@163.com> Date: Thu, 14 Mar 2024 11:03:10 +0800 Subject: [PATCH 359/373] Add a Form Logic:hook-form-react --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index c5d39ee..6e95e48 100644 --- a/README.md +++ b/README.md @@ -830,6 +830,7 @@ _Data flow / data management / data stores / components state / data flow_ - [react-formawesome](https://github.com/MAKARD/react-formawesome) - Complex library for creating awesome forms. - [surveyjs](https://github.com/surveyjs/survey-library) - The advanced Survey and Form library - [Formily](https://github.com/alibaba/formily) - High performance, extensible, and Typescript friendly +- [hook-form-react](https://github.com/luoanb/hook-form-react) - [docs](https://luoanb.github.io/hook-form-react) - A lightweight, dependency-free solution React hooks for form validation. ### Router From 248e73d8c47b6e15dbae24fd7cbc9979cb22ca98 Mon Sep 17 00:00:00 2001 From: Hugh <hughglynparry@gmail.com> Date: Tue, 26 Mar 2024 13:34:03 +0000 Subject: [PATCH 360/373] Removing react-mapbox-gl since it hasn't been updated in 4 years --- README.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/README.md b/README.md index 6e95e48..749b139 100644 --- a/README.md +++ b/README.md @@ -21,6 +21,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- <!-- START doctoc generated TOC please keep comment here to allow auto update --> <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE --> + ## Table of Contents - [UI Components](#ui-components) @@ -325,7 +326,6 @@ _Ways to navigate views_ - [react-geosuggest](https://github.com/ubilabs/react-geosuggest) - A React autosuggest for the Google Maps Places API. - [react-leaflet](https://github.com/PaulLeCam/react-leaflet) - React components for Leaflet maps. - [react-map-gl](https://github.com/uber/react-map-gl) - A React wrapper for MapboxGL-js and overlay API. -- [react-mapbox-gl](https://github.com/alex3165/react-mapbox-gl) - A React binding of mapbox-gl-js. - [react-svg-map](https://github.com/VictorCazanave/react-svg-map) - [demo](https://victorcazanave.github.io/react-svg-map/) - A set of components to display an interactive SVG map. ### Time / Date / Age @@ -1008,7 +1008,6 @@ _Internationalization / L10n / localization / translation_ - [unexpected-react](https://github.com/bruderstein/unexpected-react) - Plugin for unexpected to enable testing the full React virtual DOM, and also the shallow renderer. - [playwright](https://github.com/microsoft/playwright) enables reliable end-to-end testing for modern web apps. - ### Redux - [redux-devtools-chart-monitor](https://github.com/romseguy/redux-devtools-chart-monitor) - A chart monitor for Redux DevTools. From a84d407a11049c0afd56a172db599e0e05cb8519 Mon Sep 17 00:00:00 2001 From: Hugh <hughglynparry@gmail.com> Date: Tue, 26 Mar 2024 13:38:37 +0000 Subject: [PATCH 361/373] Adding procaptcha --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 749b139..e747a2f 100644 --- a/README.md +++ b/README.md @@ -390,6 +390,7 @@ _Sketch input using Canvas or SVG_ ### Miscellaneous - [puck](https://github.com/measuredco/puck) - [demo](https://puck-editor-demo.vercel.app/edit) - The self-hosted visual editor for React +- [procaptcha](https://github.com/prosopo/captcha) - [demo](https://prosopo.io/) - [docs](https://docs.prosopo.io/) - Privacy focused free CAPTCHA - [react-advanced-news-ticker](https://github.com/ahmetcanaydemir/react-advanced-news-ticker) - [demo](https://www.ahmetcanaydemir.com/react-advanced-news-ticker/) - A flexible and animated vertical news ticker component - [react-avatar-generator](https://github.com/JosephSmith127/react-avatar-generator) - Allows users to create random kaleidoscopes to be used as avatars. - [react-awesome-query-builder](https://github.com/ukrbublik/react-awesome-query-builder) - [demo](https://ukrbublik.github.io/react-awesome-query-builder/) - Visual query builder from form fields, with SQL, MongoDB and JSON export From 1faa4fedab80a4ae10c6ac8fbb8eb28e112546fc Mon Sep 17 00:00:00 2001 From: Hugh <hughglynparry@gmail.com> Date: Tue, 26 Mar 2024 15:10:03 +0000 Subject: [PATCH 362/373] Removing accidental formatting change --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index e747a2f..9110a41 100644 --- a/README.md +++ b/README.md @@ -21,7 +21,6 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- <!-- START doctoc generated TOC please keep comment here to allow auto update --> <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE --> - ## Table of Contents - [UI Components](#ui-components) @@ -1009,6 +1008,7 @@ _Internationalization / L10n / localization / translation_ - [unexpected-react](https://github.com/bruderstein/unexpected-react) - Plugin for unexpected to enable testing the full React virtual DOM, and also the shallow renderer. - [playwright](https://github.com/microsoft/playwright) enables reliable end-to-end testing for modern web apps. + ### Redux - [redux-devtools-chart-monitor](https://github.com/romseguy/redux-devtools-chart-monitor) - A chart monitor for Redux DevTools. From 610fc121f9355da8d9a210f8887375d6192c4a37 Mon Sep 17 00:00:00 2001 From: Alex Fomin <nowaalex@gmail.com> Date: Tue, 9 Apr 2024 01:46:27 +0200 Subject: [PATCH 363/373] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 9110a41..c24a126 100644 --- a/README.md +++ b/README.md @@ -164,7 +164,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [@egjs/react-infinitegrid](https://github.com/naver/egjs-infinitegrid/blob/master/packages/react-infinitegrid) - [npm](https://www.npmjs.com/package/@egjs/react-infinitegrid) - [demo](https://naver.github.io/egjs-infinitegrid/storybook/) - A module used to arrange card elements including content infinitely according to various layout types. - [react-lazyload](https://github.com/jasonslyvia/react-lazyload) - Lazyload your Component, Image or anything else where the performance matters. - [react-list](https://github.com/orgsync/react-list) - A versatile infinite scroll React component. -- [@af-utils/virtual](https://github.com/nowaalex/af-utils) - [demo/docs](https://af-utils.vercel.app/virtual) - Render large scrollable lists and grids. +- [@af-utils/virtual](https://github.com/nowaalex/af-utils) - [demo/docs](https://af-utils.com/virtual) - Render large scrollable lists and grids. - [react-window](https://github.com/bvaughn/react-window) - [demo](https://react-window.now.sh/) - React components for efficiently rendering large lists and tabular data - [virtua](https://github.com/inokawa/virtua) - [demo](https://inokawa.github.io/virtua/) - A zero-config, fast and small (~3kB) virtual list component for React, Vue and Solid. From 07c8b55f1f0a27c18d96d48a84b1908c645d2f26 Mon Sep 17 00:00:00 2001 From: Daniel Meyer <8926560+pubkey@users.noreply.github.com> Date: Sat, 4 May 2024 23:08:50 +0200 Subject: [PATCH 364/373] ADD RxDB --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index c24a126..5c50a7b 100644 --- a/README.md +++ b/README.md @@ -805,6 +805,7 @@ _Data flow / data management / data stores / components state / data flow_ - [cerebral](https://github.com/cerebral/cerebral) - A state controller with its own debugger. - [effector-react](https://github.com/effector/effector) - React bindings for effector, an effective multi-store state manager. - [fireproof](https://github.com/fireproof-storage/fireproof) - [demo](https://fireproof.storage/try-free/) - [docs](https://use-fireproof.com/docs/welcome) Pure JS, zero dependency, CRDT database - runs in the browser and connects to any cloud or backend +- [RxDB](https://rxdb.info/) - [demo](https://github.com/pubkey/rxdb/tree/master/examples/react) - [docs](https://rxdb.info/quickstart.html) A fast, local first, reactive Database for JavaScript Applications - [fluxible](https://github.com/yahoo/fluxible) - A pluggable container for universal flux applications. - [kea](https://github.com/mariusandra/kea) - High level architecture for React apps. - [react-i13n](https://github.com/yahoo/react-i13n) - A performant, scalable and pluggable approach to instrumenting your React application. From a9d2422d6dd698e80596c1c4d3c58e5be926490b Mon Sep 17 00:00:00 2001 From: Romuald Brillout <git@brillout.com> Date: Wed, 22 May 2024 14:12:40 +0200 Subject: [PATCH 365/373] update intro --- README.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 5c50a7b..95ffc58 100644 --- a/README.md +++ b/README.md @@ -13,7 +13,9 @@ commentary and reviews in _(italic parens)_ after some listings of note. Maintainers: - [@petebray](https://github.com/bluepeter), author of [Fluxguard](https://fluxguard.com) — monitor PROD website changes. -- [@brillout](https://twitter.com/brillout), author of [vite-plugin-ssr](https://vite-plugin-ssr.com/) (like Next.js / Nuxt but as do-one-thing-do-it-well Vite plugin) and [Telefunc](https://telefunc.com/) (remote functions instead of APIs). +- [@brillout](https://twitter.com/brillout), author of [Vike](https://vike.dev) — a fast Vite-based React framework that is flexible, lean, reliable, and community-driven. + +See also [Awesome React Frameworks](https://github.com/brillout/awesome-react-frameworks). ### Contributing From c0a4fe7462e0a66054706e1e1b3ef519e71aee3d Mon Sep 17 00:00:00 2001 From: Romuald Brillout <git@brillout.com> Date: Wed, 22 May 2024 14:15:03 +0200 Subject: [PATCH 366/373] udpate Vike tagline --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 95ffc58..4a96581 100644 --- a/README.md +++ b/README.md @@ -13,7 +13,7 @@ commentary and reviews in _(italic parens)_ after some listings of note. Maintainers: - [@petebray](https://github.com/bluepeter), author of [Fluxguard](https://fluxguard.com) — monitor PROD website changes. -- [@brillout](https://twitter.com/brillout), author of [Vike](https://vike.dev) — a fast Vite-based React framework that is flexible, lean, reliable, and community-driven. +- [@brillout](https://twitter.com/brillout), author of [Vike](https://vike.dev) — a fast Vite-based React framework that is flexible, lean, community-driven and dependable. See also [Awesome React Frameworks](https://github.com/brillout/awesome-react-frameworks). From 4e972f2fe2f7b9008093627a694950131da9740b Mon Sep 17 00:00:00 2001 From: Romuald Brillout <git@brillout.com> Date: Wed, 22 May 2024 14:17:26 +0200 Subject: [PATCH 367/373] improve intro sections order --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 4a96581..10967b4 100644 --- a/README.md +++ b/README.md @@ -10,13 +10,13 @@ every React component under the sun. So, what does "awesome" mean? Well: Look for a 🚀 for truly amazing projects. And look for quickie maintainer commentary and reviews in _(italic parens)_ after some listings of note. +See also: [Awesome React Frameworks](https://github.com/brillout/awesome-react-frameworks). + Maintainers: - [@petebray](https://github.com/bluepeter), author of [Fluxguard](https://fluxguard.com) — monitor PROD website changes. - [@brillout](https://twitter.com/brillout), author of [Vike](https://vike.dev) — a fast Vite-based React framework that is flexible, lean, community-driven and dependable. -See also [Awesome React Frameworks](https://github.com/brillout/awesome-react-frameworks). - ### Contributing Please review our [contributing guidelines](https://github.com/brillout/awesome-react-components/blob/master/CONTRIBUTING.md). We keep this list fresh by **requiring all PRs to remove one or more non-awesome entries from this list**. Please ONLY PR a new resource if you are ALSO removing one. From 9f6b667447f03a02d0e57962a19ef12ec1d67a80 Mon Sep 17 00:00:00 2001 From: Razibul Islam <dev.ronib@gmail.com> Date: Fri, 24 May 2024 23:40:10 +0600 Subject: [PATCH 368/373] Added screenshot taking component --- README.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/README.md b/README.md index 10967b4..ea783a9 100644 --- a/README.md +++ b/README.md @@ -52,6 +52,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [Paginator](#paginator) - [Markdown Viewer](#markdown-viewer) - [Canvas](#canvas) + - [Screenshot](#screenshot) - [Miscellaneous](#miscellaneous) - [Form Components](#form-components) - [Date / Time picker](#date--time-picker) @@ -388,6 +389,10 @@ _Sketch input using Canvas or SVG_ - [react-sketch-canvas](https://github.com/vinothpandian/react-sketch-canvas) - [Demo](https://vinoth.info/react-sketch-canvas/?path=/story/*) Freehand vector drawing tool for React using SVG as canvas. Accepts input from Mouse, touch, and graphic tablets - [react-heat-map](https://github.com/uiwjs/react-heat-map) - A lightweight calendar heatmap react component built on SVG, customizable version of GitHub's contribution graph. +### Screenshot + +- [urlbox](https://github.com/urlbox/urlbox-node) - Quickly generate screenshots, PDFs and other renders using the urlbox screenshot as a service API. + ### Miscellaneous - [puck](https://github.com/measuredco/puck) - [demo](https://puck-editor-demo.vercel.app/edit) - The self-hosted visual editor for React From 1f917c106f07c8367d79d9510418b3f1f71b08de Mon Sep 17 00:00:00 2001 From: Razibul Islam <dev.ronib@gmail.com> Date: Sat, 25 May 2024 00:14:40 +0600 Subject: [PATCH 369/373] Added captcha components --- README.md | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index ea783a9..1f2f5b1 100644 --- a/README.md +++ b/README.md @@ -36,6 +36,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [Sticky](#sticky) - [Tabs](#tabs) - [Loader](#loader) + - [Captcha](#captcha) - [Carousel](#carousel) - [Buttons](#buttons) - [Collapse](#collapse) @@ -231,6 +232,11 @@ _Loaders / spinners / progress bars — Let the user know that something is load - [react-spinners](https://github.com/davidhu2000/react-spinners) - A collection of loading spinner components for react. - [react-content-loader](https://github.com/danilowoz/react-content-loader) - SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading). +### Captcha + +- [react-simple-captcha](https://github.com/masroorejaz/react-simple-captcha) - [npm](https://www.npmjs.com/package/react-simple-captcha) - [demo](https://www.scriptse.com/blog/add-captcha-in-reactjs-application/react-simple-captcha-demo/) - React Simple Captcha is a very powerful, highly customizable and easy to use captcha for React JS. +- [procaptcha](https://github.com/prosopo/captcha) - [demo](https://prosopo.io/) - [docs](https://docs.prosopo.io/) - Privacy focused free CAPTCHA + ### Carousel - [@egjs/react-flicking](https://github.com/naver/egjs-flicking/blob/master/packages/react-flicking/) - [npm](https://www.npmjs.com/package/@egjs/react-flicking) - [demo](https://naver.github.io/egjs-flicking/) - It's reliable, flexible and extendable carousel. @@ -396,7 +402,6 @@ _Sketch input using Canvas or SVG_ ### Miscellaneous - [puck](https://github.com/measuredco/puck) - [demo](https://puck-editor-demo.vercel.app/edit) - The self-hosted visual editor for React -- [procaptcha](https://github.com/prosopo/captcha) - [demo](https://prosopo.io/) - [docs](https://docs.prosopo.io/) - Privacy focused free CAPTCHA - [react-advanced-news-ticker](https://github.com/ahmetcanaydemir/react-advanced-news-ticker) - [demo](https://www.ahmetcanaydemir.com/react-advanced-news-ticker/) - A flexible and animated vertical news ticker component - [react-avatar-generator](https://github.com/JosephSmith127/react-avatar-generator) - Allows users to create random kaleidoscopes to be used as avatars. - [react-awesome-query-builder](https://github.com/ukrbublik/react-awesome-query-builder) - [demo](https://ukrbublik.github.io/react-awesome-query-builder/) - Visual query builder from form fields, with SQL, MongoDB and JSON export From 671cf61ff3cf03eeb8f8e21ccebe9761391b1578 Mon Sep 17 00:00:00 2001 From: geosigno <geoffrey.signorato@gmail.com> Date: Mon, 17 Jun 2024 14:51:29 +0200 Subject: [PATCH 370/373] add simpleParallax.js and remove old library --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 1f2f5b1..fe19051 100644 --- a/README.md +++ b/README.md @@ -661,7 +661,7 @@ _Animate transitions_ ### Parallax -- [react-parallax-component](https://github.com/keske/react-parallax-component) - Easiest way to add scroll parallax effect on the component. +- [simple-parallax-js](https://github.com/geosigno/simpleParallax.js) - The easiest way to get a parallax effect with React and JavaScript on images - [react-parallax-tilt](https://github.com/mkosir/react-parallax-tilt) - [demo](https://mkosir.github.io/react-parallax-tilt) - Easily apply parallax tilt hover effect on components. ## UI Frameworks From 7af0fd24eb9d8820482e04b51b013f18f07de51b Mon Sep 17 00:00:00 2001 From: geosigno <geoffrey.signorato@gmail.com> Date: Mon, 17 Jun 2024 14:53:03 +0200 Subject: [PATCH 371/373] add simpleParallax.js demo --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index fe19051..3f30a6d 100644 --- a/README.md +++ b/README.md @@ -661,7 +661,7 @@ _Animate transitions_ ### Parallax -- [simple-parallax-js](https://github.com/geosigno/simpleParallax.js) - The easiest way to get a parallax effect with React and JavaScript on images +- [simple-parallax-js](https://github.com/geosigno/simpleParallax.js) - [demo](https://simpleparallax.com) - The easiest way to get a parallax effect with React and JavaScript on images - [react-parallax-tilt](https://github.com/mkosir/react-parallax-tilt) - [demo](https://mkosir.github.io/react-parallax-tilt) - Easily apply parallax tilt hover effect on components. ## UI Frameworks From d04c3a2989d9bc5fc268090678b9438594da70d5 Mon Sep 17 00:00:00 2001 From: Shantanu Wable <97496261+shxntanu@users.noreply.github.com> Date: Tue, 25 Jun 2024 14:36:27 +0530 Subject: [PATCH 372/373] Add iron-session, html2canvas and shadcn/ui Add listing of iron-session (a powerful and secure cookie-based session management tool), html2canvas (let's you take screenshots of your page using Javascript) and shadcn/ui (a plug and play component library for React with full customizability). --- README.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/README.md b/README.md index 3f30a6d..e8e43f7 100644 --- a/README.md +++ b/README.md @@ -398,6 +398,7 @@ _Sketch input using Canvas or SVG_ ### Screenshot - [urlbox](https://github.com/urlbox/urlbox-node) - Quickly generate screenshots, PDFs and other renders using the urlbox screenshot as a service API. +- [html2canvas](https://github.com/niklasvh/html2canvas) - Take screenshots of any part of your web page using Javascript. ### Miscellaneous @@ -697,6 +698,7 @@ _Set of components + responsive layout system_ - [searchkit](https://github.com/searchkit/searchkit) - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch. - [semantic-ui-react](https://github.com/Semantic-Org/Semantic-UI-React) - The official Semantic-UI-React integration. - [semi-design](https://github.com/DouyinFE/semi-design) - [demo/docs](https://semi.design/) - A modern, comprehensive, flexible design system. +- [shadcn/ui](https://github.com/shadcn-ui/ui) - [demo](https://ui.shadcn.com/examples/mail) - [docs](https://ui.shadcn.com/docs) - Beautifully designed components that you can copy and paste into your apps. - [shineout](https://github.com/sheinsight/shineout) - [demo](https://shine.wiki/1.4.x/en/components/GetStart) - Chinese-friendly set of components: form elements, navigation, table, tree, tree select drop-down etc. #### Material Design @@ -1061,6 +1063,7 @@ _Internationalization / L10n / localization / translation_ - [mozaik](https://github.com/plouc/mozaik) - Mozaïk is a tool based on nodejs / react / d3 / stylus to easily craft beautiful dashboards. - [react-blessed](https://github.com/Yomguithereal/react-blessed) - A react renderer for blessed. - [jsondiffpatch-react](https://github.com/bluepeter/jsondiffpatch-react) - JSON diffing. +- [iron-session](https://github.com/vvo/iron-session) - Secure, stateless, and cookie-based session library. ### Static Website Generator From 9357563b5fd1ff61cbeb28f95d32597bf2671269 Mon Sep 17 00:00:00 2001 From: Shantanu Wable <97496261+shxntanu@users.noreply.github.com> Date: Tue, 25 Jun 2024 14:40:59 +0530 Subject: [PATCH 373/373] Remove urlbox-node --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index e8e43f7..5dda824 100644 --- a/README.md +++ b/README.md @@ -397,7 +397,6 @@ _Sketch input using Canvas or SVG_ ### Screenshot -- [urlbox](https://github.com/urlbox/urlbox-node) - Quickly generate screenshots, PDFs and other renders using the urlbox screenshot as a service API. - [html2canvas](https://github.com/niklasvh/html2canvas) - Take screenshots of any part of your web page using Javascript. ### Miscellaneous