From 1dd0d50c2c0dda568422c7acb1a77e809da8b1b2 Mon Sep 17 00:00:00 2001 From: Romuald Brillout Date: Tue, 26 Sep 2017 17:14:42 +0200 Subject: [PATCH 001/450] Add note on sync behavior --- readme.md | 1 + 1 file changed, 1 insertion(+) diff --git a/readme.md b/readme.md index 2f0f4c2..32867ef 100644 --- a/readme.md +++ b/readme.md @@ -2,6 +2,7 @@ - Official website: [`devarchy.com/react`](https://devarchy.com/react) - Use devarchy to add a library to the catalog + - This readme is updated when a Library is approved on Devarchy. (Meaning that all new libraries awaiting for approval are visible only on Devarchy.)
From 86b7159f4c4849c96225d77725e2dc2359504b0a Mon Sep 17 00:00:00 2001 From: Yann Pringault Date: Thu, 12 Oct 2017 18:29:18 +0200 Subject: [PATCH 002/450] Fix minor typo --- readme.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/readme.md b/readme.md index 32867ef..58f6b31 100644 --- a/readme.md +++ b/readme.md @@ -61,7 +61,7 @@ - [Mobile](#mobile) - [Component Collections](#component-collections) - [Other](#other) -- [UI Utilites](#ui-utilites) +- [UI Utilities](#ui-utilities) - [Reporter](#reporter) - [Visibility Reporter](#visibility-reporter) - [Measurement Reporter](#measurement-reporter) @@ -665,7 +665,7 @@ - [admin-on-rest](https://github.com/marmelab/admin-on-rest) - A frontend framework for building admin SPAs on top of REST services, using React and Material Design. -## UI Utilites +## UI Utilities ### Reporter From 0a4f7ec530374759952c5a9c10006b246f0031af Mon Sep 17 00:00:00 2001 From: Philip Kirkbride Date: Wed, 17 Jan 2018 11:32:44 -0500 Subject: [PATCH 003/450] Update link of depressiated component I clicked on the original repo and the README said it stopped working after React 0.13. It linked to another repo. --- readme.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/readme.md b/readme.md index 32867ef..a243b0b 100644 --- a/readme.md +++ b/readme.md @@ -269,7 +269,7 @@ *Ways to navigate views* - [react-scroll](https://github.com/fisshy/react-scroll) - React scroll component. - - [react-swipe-views](https://github.com/damusnet/react-swipe-views) - A React Component for binded Tabs and Swipeable Views. + - [react-swipe-views](https://github.com/oliviertassinari/react-swipeable-views) - A React Component for binded Tabs and Swipeable Views. ### Custom Scrollbar From 7a2e3b1ce401fb40699c6c29f7e6d9265019d62c Mon Sep 17 00:00:00 2001 From: Philip Kirkbride Date: Wed, 17 Jan 2018 14:43:43 -0500 Subject: [PATCH 004/450] change name too --- readme.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/readme.md b/readme.md index a243b0b..8354cf5 100644 --- a/readme.md +++ b/readme.md @@ -269,7 +269,7 @@ *Ways to navigate views* - [react-scroll](https://github.com/fisshy/react-scroll) - React scroll component. - - [react-swipe-views](https://github.com/oliviertassinari/react-swipeable-views) - A React Component for binded Tabs and Swipeable Views. + - [react-swipeable-views](https://github.com/oliviertassinari/react-swipeable-views) - A React Component for binded Tabs and Swipeable Views. ### Custom Scrollbar From c8ef8d2e5d60b4492a727ebbbe912e942731cbba Mon Sep 17 00:00:00 2001 From: Nguyen Hoang Phuc Date: Wed, 7 Feb 2018 21:30:11 +0900 Subject: [PATCH 005/450] added react-id-swiper --- readme.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/readme.md b/readme.md index 32867ef..3b6fe21 100644 --- a/readme.md +++ b/readme.md @@ -220,7 +220,7 @@ ### Carousel - + - [react-id-swiper](https://github.com/kidjp85/react-id-swiper) - A library to use idangerous Swiper as a ReactJs component - [react-slick](https://github.com/akiran/react-slick) - React carousel component. - [react-responsive-carousel](https://github.com/leandrowd/react-responsive-carousel) - React.js Responsive Carousel (with Swipe). From 0466658985ebef53be74e0c98a40152e31ed4a24 Mon Sep 17 00:00:00 2001 From: Francois Zaninotto Date: Sat, 21 Jul 2018 09:40:46 +0200 Subject: [PATCH 006/450] Rename admin-on-rest to react-admin --- readme.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/readme.md b/readme.md index 32867ef..cbc7eab 100644 --- a/readme.md +++ b/readme.md @@ -662,8 +662,7 @@ - [react-desktop](https://github.com/gabrielbull/react-desktop) - React UI Components for macOS Sierra and Windows 10. - [aframe-react](https://github.com/ngokevin/aframe-react) - Build virtual reality experiences with A-Frame and React. - - [admin-on-rest](https://github.com/marmelab/admin-on-rest) - A frontend framework for building admin SPAs on top of REST services, using React and Material Design. - + - [react-admin](https://github.com/marmelab/react-admin) - Build admin user experiences on top of REST and GraphQL services, using React, Redux, and Material Design. ## UI Utilites From fba05a1d94c17206354b0f7f731478606d2789a2 Mon Sep 17 00:00:00 2001 From: Melwin Amith D'Almeida <16283356+melwinalm@users.noreply.github.com> Date: Thu, 27 Dec 2018 09:02:11 +0530 Subject: [PATCH 007/450] Added react-beautiful-dnd library --- readme.md | 1 + 1 file changed, 1 insertion(+) diff --git a/readme.md b/readme.md index 32867ef..4eb882f 100644 --- a/readme.md +++ b/readme.md @@ -478,6 +478,7 @@ - [react-sortable-pane](https://github.com/bokuweb/react-sortable-pane) - Sortable and resizable pane component for React. - [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-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd) - Beautiful and accessible drag and drop for lists with React #### Sortable List From 0545f16bd2f08aa82570e5d451e5d06619024536 Mon Sep 17 00:00:00 2001 From: Alexander Komarov Date: Sun, 13 Jan 2019 00:50:03 +0300 Subject: [PATCH 008/450] Update readme.md --- readme.md | 1 + 1 file changed, 1 insertion(+) diff --git a/readme.md b/readme.md index 32867ef..c1ff293 100644 --- a/readme.md +++ b/readme.md @@ -365,6 +365,7 @@ - [react-joyride](https://github.com/gilbarbara/react-joyride) - Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!. - [material-color-hash](https://github.com/BelkaLab/material-color-hash) - Hash strings to Material UI colors. - [react-facebook](https://github.com/CherryProjects/react-facebook) - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post. + - [react-filter-control](https://github.com/komarovalexander/react-filter-control) - The React filterbuilder component for building the filter criteria in the UI. From 8ceefdff2ede048b1c6a49eb1e2e6240e53df811 Mon Sep 17 00:00:00 2001 From: prabakaranr Date: Tue, 23 Apr 2019 14:58:50 +0530 Subject: [PATCH 009/450] Add the Syncfusion's DataGrid and Charts components --- readme.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/readme.md b/readme.md index 32867ef..8ca6996 100644 --- a/readme.md +++ b/readme.md @@ -115,6 +115,7 @@ - [reactable](https://github.com/glittershark/reactable) - Fast, flexible, and simple data tables in React. - [ag-grid](https://github.com/ceolter/ag-grid) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components. + - [essential js 2 grid](https://www.syncfusion.com/react-ui-components/react-data-grid) - The fastest and flexible data grid for react. - [griddle-react](https://github.com/GriddleGriddle/Griddle) - Simple Grid Component written in React. - [react-data-components](https://github.com/carlosrocha/react-data-components) - React components for sorting, filtering and pagination of data. - [react-bootstrap-table](https://github.com/AllenFang/react-bootstrap-table) - It's a react table for bootstrap. @@ -237,6 +238,7 @@ - [react-chartist](https://github.com/fraserxu/react-chartist) - React component for Chartist.js. - [d3-react-squared](https://github.com/bgrsquared/d3-react-squared) - Lightweight event system for (d3) charts and other components for ReactJS. + - [essential js 2 charts](https://www.syncfusion.com/react-ui-components/react-charts) - Beautiful and interactive charts & graphs for react. - [react-d3-components](https://github.com/codesuki/react-d3-components) - D3 Components for React. - [recharts](https://github.com/recharts/recharts) - Redefined chart library built with React and D3. - [react-chartjs](https://github.com/reactjs/react-chartjs) - Common react charting components using chart.js. From c277b715c97f8936993681035cc6b9a7df479fca Mon Sep 17 00:00:00 2001 From: prabakaranr Date: Wed, 24 Apr 2019 11:17:24 +0530 Subject: [PATCH 010/450] Update readme.md --- readme.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/readme.md b/readme.md index 8ca6996..8e9d5a5 100644 --- a/readme.md +++ b/readme.md @@ -115,7 +115,7 @@ - [reactable](https://github.com/glittershark/reactable) - Fast, flexible, and simple data tables in React. - [ag-grid](https://github.com/ceolter/ag-grid) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components. - - [essential js 2 grid](https://www.syncfusion.com/react-ui-components/react-data-grid) - The fastest and flexible data grid for react. + - [essential js 2 grid](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/grids) - The fastest and flexible data grid for react. - [griddle-react](https://github.com/GriddleGriddle/Griddle) - Simple Grid Component written in React. - [react-data-components](https://github.com/carlosrocha/react-data-components) - React components for sorting, filtering and pagination of data. - [react-bootstrap-table](https://github.com/AllenFang/react-bootstrap-table) - It's a react table for bootstrap. @@ -238,7 +238,7 @@ - [react-chartist](https://github.com/fraserxu/react-chartist) - React component for Chartist.js. - [d3-react-squared](https://github.com/bgrsquared/d3-react-squared) - Lightweight event system for (d3) charts and other components for ReactJS. - - [essential js 2 charts](https://www.syncfusion.com/react-ui-components/react-charts) - Beautiful and interactive charts & graphs for react. + - [essential js 2 charts](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/charts) - Beautiful and interactive charts & graphs for react. - [react-d3-components](https://github.com/codesuki/react-d3-components) - D3 Components for React. - [recharts](https://github.com/recharts/recharts) - Redefined chart library built with React and D3. - [react-chartjs](https://github.com/reactjs/react-chartjs) - Common react charting components using chart.js. From 376efc1db0f04b9ff3ac230ad0fcabfd11a3a83f Mon Sep 17 00:00:00 2001 From: MINAN Date: Sat, 11 May 2019 21:18:48 +0300 Subject: [PATCH 011/450] Update readme.md Add react-upload-gallery package. --- readme.md | 1 + 1 file changed, 1 insertion(+) diff --git a/readme.md b/readme.md index 32867ef..448161d 100644 --- a/readme.md +++ b/readme.md @@ -534,6 +534,7 @@ - [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-tabguard](https://github.com/avocode/react-tabguard) - React Tabguard. + - [react-upload-gallery](https://github.com/TPMinan/react-upload-gallery) - React for Upload Image Gallery. Drag & Drop, Sortable, Customize. From 55aee4243f4f94d1bca83a8cbe25a5817e678c58 Mon Sep 17 00:00:00 2001 From: Yaw Etse Date: Fri, 24 May 2019 11:14:02 -0400 Subject: [PATCH 012/450] Add JSONX (JSON to React, JSON to JSX and JSON to HTML) --- readme.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/readme.md b/readme.md index 32867ef..945af17 100644 --- a/readme.md +++ b/readme.md @@ -1079,7 +1079,7 @@ - [htmltojsx](https://github.com/reactjs/react-magic) - Automatically AJAXify plain HTML with the power of React. It's magic!. - [react-bash](https://github.com/zackargyle/react-bash) - A configurable/extendable bash terminal React component. - [html-to-react-components](https://github.com/roman01la/html-to-react-components) - Extract annotated portions of HTML into React components as separate modules. - + - [jsonx](https://github.com/repetere/jsonx) - React JSON Syntax - Construct React elements, JSX and HTML from JSON without transpilers (JSON to React, JSON to JSX and JSON to HTML). ### Static Website Generator From 15bc7d13c3d4cd4a5d255de61b91a7b07a24c9a6 Mon Sep 17 00:00:00 2001 From: bluepeter Date: Mon, 27 May 2019 11:23:51 -0700 Subject: [PATCH 013/450] Update README w/ PR directions. --- readme.md | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/readme.md b/readme.md index c046d18..fb7c7d1 100644 --- a/readme.md +++ b/readme.md @@ -1,8 +1,7 @@ # React Components & Libraries - - Official website: [`devarchy.com/react`](https://devarchy.com/react) - - Use devarchy to add a library to the catalog - - This readme is updated when a Library is approved on Devarchy. (Meaning that all new libraries awaiting for approval are visible only on Devarchy.) + - Know of a great React component not on this list? Please PR. + - Know of a derelict React component that *is* on this list? Please also PR.
From 21a4a24a91686b0f481fc2097c1c6126bb0a765f Mon Sep 17 00:00:00 2001 From: bluepeter Date: Mon, 27 May 2019 11:34:16 -0700 Subject: [PATCH 014/450] Include reference to demo link in PR instructions. --- readme.md | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/readme.md b/readme.md index fb7c7d1..e503dec 100644 --- a/readme.md +++ b/readme.md @@ -1,9 +1,7 @@ # React Components & Libraries - - Know of a great React component not on this list? Please PR. - - Know of a derelict React component that *is* on this list? Please also PR. - -
+ - Know of a great React component not on this list? Please PR. Ideally please also include a direct link to a demo, too. + - Know of a derelict React component that *is* on this list? Please PR and suggest removals. #### Contents From a50f963d8d933533335ece995ea53a5d14cf7015 Mon Sep 17 00:00:00 2001 From: akushman Date: Mon, 27 May 2019 22:38:53 +0300 Subject: [PATCH 015/450] #57. Add gigatables-react to Table/data-grid section --- readme.md | 1 + 1 file changed, 1 insertion(+) diff --git a/readme.md b/readme.md index e503dec..2d25719 100644 --- a/readme.md +++ b/readme.md @@ -122,6 +122,7 @@ - [reactabular](https://github.com/reactabular/reactabular) - Spectacular tables for React. - [fixed-data-table](https://github.com/facebook/fixed-data-table) - A React table component designed to allow presenting thousands of rows of data. - [sematable](https://github.com/sematext/sematable) - Client side sorting, pagination, and text filter for redux/react based apps. + - [gigatables-react](https://github.com/GigaTables/reactables) - Sorting, pagination/infinite scroll, global/column search, ajax CRUD, keyboard controls, fixed header, 10 languages. ### Infinite Scroll From 1c1a07d67e5937849d7d3ef4591c1e79857544f8 Mon Sep 17 00:00:00 2001 From: Peter Bray Date: Mon, 27 May 2019 16:22:39 -0700 Subject: [PATCH 016/450] Capitalize README. --- readme.md => README.md | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename readme.md => README.md (100%) diff --git a/readme.md b/README.md similarity index 100% rename from readme.md rename to README.md From dc5d24a7767a4371be22cfa85a82f9d6e1f5e73d Mon Sep 17 00:00:00 2001 From: Peter Bray Date: Mon, 27 May 2019 16:31:45 -0700 Subject: [PATCH 017/450] Re-order list alphabetically. --- README.md | 1233 ++++++++++++++++++++++++----------------------------- 1 file changed, 547 insertions(+), 686 deletions(-) diff --git a/README.md b/README.md index 4042f5a..7806511 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@ # React Components & Libraries - - Know of a great React component not on this list? Please PR. Ideally please also include a direct link to a demo, too. - - Know of a derelict React component that *is* on this list? Please PR and suggest removals. +- Know of a great React component not on this list? Please PR. Ideally please also include a direct link to a demo, too. +- Know of a derelict React component that _is_ on this list? Please PR and suggest removals. #### Contents @@ -110,981 +110,842 @@ ### Table / Data Grid - - [reactable](https://github.com/glittershark/reactable) - Fast, flexible, and simple data tables in React. - - [ag-grid](https://github.com/ceolter/ag-grid) - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components. - - [essential js 2 grid](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/grids) - The fastest and flexible data grid for react. - - [griddle-react](https://github.com/GriddleGriddle/Griddle) - Simple Grid Component written in React. - - [react-data-components](https://github.com/carlosrocha/react-data-components) - React components for sorting, filtering and pagination of data. - - [react-bootstrap-table](https://github.com/AllenFang/react-bootstrap-table) - It's a react table for bootstrap. - - [react-data-grid](https://github.com/adazzle/react-data-grid) - Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like. - - [react-pivot](https://github.com/davidguttman/react-pivot) - React-Pivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration. - - [autoresponsive-react](https://github.com/xudafeng/autoresponsive-react) - Auto Responsive Layout Library For React. - - [reactabular](https://github.com/reactabular/reactabular) - Spectacular tables for React. - - [fixed-data-table](https://github.com/facebook/fixed-data-table) - A React table component designed to allow presenting thousands of rows of data. - - [sematable](https://github.com/sematext/sematable) - Client side sorting, pagination, and text filter for redux/react based apps. - - [gigatables-react](https://github.com/GigaTables/reactables) - Sorting, pagination/infinite scroll, global/column search, ajax CRUD, keyboard controls, fixed header, 10 languages. - +- [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. +- [essential js 2 grid](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/grids) - The fastest and flexible data grid for react. +- [fixed-data-table](https://github.com/facebook/fixed-data-table) - A React table component designed to allow presenting thousands of rows of data. +- [gigatables-react](https://github.com/GigaTables/reactables) - Sorting, pagination/infinite scroll, global/column search, ajax CRUD, keyboard controls, fixed header, 10 languages. +- [griddle-react](https://github.com/GriddleGriddle/Griddle) - Simple Grid Component written in React. +- [react-bootstrap-table](https://github.com/AllenFang/react-bootstrap-table) - It's a react table for bootstrap. +- [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 component built with React, with editors, keyboard navigation, copy & paste, and the like. +- [react-pivot](https://github.com/davidguttman/react-pivot) - React-Pivot is a data-grid component with pivot-table-like functionality 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. ### Infinite Scroll - - [react-lazyload](https://github.com/jasonslyvia/react-lazyload) - Lazyload your Component, Image or anything matters the performance. - - [react-infinity](https://github.com/nmn/react-infinity) - A UITableView Inspired list and grid display solution with element culling and smooth animations. - - [react-infinite](https://github.com/seatgeek/react-infinite) - A browser-ready efficient scrolling container based on UITableView. - - [react-infinite-grid](https://github.com/ggordan/react-infinite-grid) - A React component which renders a grid of elements. - - [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-infinite-grid](https://github.com/ggordan/react-infinite-grid) - A React component which renders a grid of elements. +- [react-infinite](https://github.com/seatgeek/react-infinite) - A browser-ready efficient scrolling container based on UITableView. +- [react-infinity](https://github.com/nmn/react-infinity) - A UITableView Inspired list and grid display solution with element culling and smooth animations. +- [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. ### Overlay -*Display overlay / modal / alert / dialog / lightbox / popup* - - - [react-dock](https://github.com/alexkuz/react-dock) - Resizable dockable react component. - - [react-overlays](https://github.com/react-bootstrap/react-overlays) - Utilities for creating robust overlay components. - - [boron](https://github.com/yuanyan/boron) - A collection of dialog animations with React.js. - - [react-modal2](https://github.com/cloudflare/react-modal2) - Simple modal component for React. - - [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. - - [rodal](https://github.com/chenjiahan/rodal) - A React modal with animations. - - [react-modal-box](https://github.com/sadiqevani/react-modal-box) - React Modal Box Component. - - [react-aria-modal](https://github.com/davidtheclark/react-aria-modal) - A fully accessible and flexible React modal built according WAI-ARIA Authoring Practices. +_Display overlay / modal / alert / dialog / lightbox / popup_ +- [boron](https://github.com/yuanyan/boron) - 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-dock](https://github.com/alexkuz/react-dock) - Resizable dockable react component. +- [react-modal-box](https://github.com/sadiqevani/react-modal-box) - React Modal Box Component. +- [react-modal2](https://github.com/cloudflare/react-modal2) - Simple modal component for React. +- [react-modal](https://github.com/reactjs/react-modal) - Accessible modal dialog component for React. +- [react-overlays](https://github.com/react-bootstrap/react-overlays) - Utilities for creating robust overlay components. +- [react-skylight](https://github.com/marcio/react-skylight) - A react component for modals and dialogs. +- [rodal](https://github.com/chenjiahan/rodal) - A React modal with animations. ### Notification -*Toaster / snackbar — Notify the user with a modeless temporary little popup* - - - [react-notification-system](https://github.com/igorprado/react-notification-system) - A complete and totally customizable component for notifications in React. - - [react-notification](https://github.com/pburtchaell/react-notification) - Snackbar notifications for React. - - [react-s-alert](https://github.com/juliancwirko/react-s-alert) - Alerts / Notifications for React with rich configuration options. - - [react-crouton](https://github.com/xeodou/react-crouton) - A message component for reactjs. - - [reapop](https://github.com/LouisBarranqueiro/reapop) - A React & Redux notifications system. +_Toaster / snackbar — Notify the user with a modeless temporary little popup_ +- [react-crouton](https://github.com/xeodou/react-crouton) - A message component for reactjs. +- [react-notification-system](https://github.com/igorprado/react-notification-system) - A complete and totally customizable component for notifications in React. +- [react-notification](https://github.com/pburtchaell/react-notification) - Snackbar notifications for React. +- [react-s-alert](https://github.com/juliancwirko/react-s-alert) - Alerts / Notifications for React with rich configuration options. +- [reapop](https://github.com/LouisBarranqueiro/reapop) - A React & Redux notifications system. ### Tooltip - - [react-tooltip](https://github.com/wwayne/react-tooltip) - React tooltip component. - - [rc-tooltip](https://github.com/react-component/tooltip) - React Tooltip. - - [react-portal-tooltip](https://github.com/romainberger/react-portal-tooltip) - Awesome React tooltips. - +- [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. ### Menu -*Menus / sidebars* - - - [react-burger-menu](https://github.com/negomi/react-burger-menu) - An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations. - - [react-sidebar](https://github.com/balloob/react-sidebar) - A sidebar component for React. - - [react-motion-menu](https://github.com/bokuweb/react-motion-menu) - Motion menu component powered by React Motion. - - [react-offcanvas](https://github.com/vutran/react-offcanvas) - Off-canvas menus for React. - - [react-tree-menu](https://github.com/MandarinConLaBarba/react-tree-menu) - A stateless tree menu component for React. - - [react-metismenu](https://github.com/alpertuna/react-metismenu) - A ready-to-use menu component for React. - - [react-contextmenu](https://github.com/vkbansal/react-contextmenu) - Context Menu implemented in React. - - [rc-menu](https://github.com/react-component/menu) - React Menu. +_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 component with a collection of effects and styles using CSS transitions and SVG path animations. +- [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-motion-menu](https://github.com/bokuweb/react-motion-menu) - Motion menu component powered by React Motion. +- [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. +- [react-tree-menu](https://github.com/MandarinConLaBarba/react-tree-menu) - A stateless tree menu component for React. ### Sticky -*Fixed headers / scroll-up headers / sticky elements* - - - [react-sticky](https://github.com/captivationsoftware/react-sticky) - <Sticky /> component for awesome React apps. - - [react-headroom](https://github.com/KyleAMathews/react-headroom) - Hide your header until you need it. - - [react-listview-sticky-header](https://github.com/cht8687/react-listview-sticky-header) - React listview with sticky section header. - - [react-sticky-state](https://github.com/soenkekluth/react-sticky-state) - React StickyState Component makes native position:sticky statefull and polyfills the missing sticky browser feature. - - [react-stickynode](https://github.com/yahoo/react-stickynode) - A performant and comprehensive React sticky. - - [react-sticky-node](https://github.com/visortelle/react-sticky-node) - Sticky react component. +_Fixed headers / scroll-up headers / sticky elements_ +- [react-headroom](https://github.com/KyleAMathews/react-headroom) - Hide your header until you need it. +- [react-listview-sticky-header](https://github.com/cht8687/react-listview-sticky-header) - React listview with sticky section header. +- [react-sticky-node](https://github.com/visortelle/react-sticky-node) - Sticky react component. +- [react-sticky-state](https://github.com/soenkekluth/react-sticky-state) - React StickyState Component makes native position:sticky statefull and polyfills the missing sticky browser feature. +- [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 - - [react-tabs](https://github.com/reactjs/react-tabs) - React tabs component. - - [react-simpletabs](https://github.com/pedronauck/react-simpletabs) - Just a simple tabs component built with React. - - [react-tabtab](https://github.com/ctxhou/react-tabtab) - React, tabs. - +- [react-simpletabs](https://github.com/pedronauck/react-simpletabs) - Just a simple tabs component built with React. +- [react-tabs](https://github.com/reactjs/react-tabs) - React tabs component. +- [react-tabtab](https://github.com/ctxhou/react-tabtab) - React, tabs. ### Loader -*Loaders / spinners / progress bars — Let the user know that something is loading* - - - [halogen](https://github.com/yuanyan/halogen) - A collection of loading spinners with React.js. - - [react-ladda](https://github.com/jsdir/react-ladda) - React wrapper for Ladda buttons. - - [react-progress-button](https://github.com/mathieudutour/react-progress-button) - Simple react.js component for an inline progress indicator. - - [react-loader](https://github.com/TheCognizantFoundry/react-loader) - React component that displays a spinner via spin.js until your component is loaded. - - [react-spinkit](https://github.com/KyleAMathews/react-spinkit) - A collection of loading indicators animated with CSS for React. - - [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-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. - - [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. +_Loaders / spinners / progress bars — Let the user know that something is loading_ +- [halogen](https://github.com/yuanyan/halogen) - A collection of loading spinners with React.js. +- [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. +- [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. +- [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. ### Carousel - - [react-id-swiper](https://github.com/kidjp85/react-id-swiper) - A library to use idangerous Swiper as a ReactJs component - - [react-slick](https://github.com/akiran/react-slick) - React carousel component. - - [react-responsive-carousel](https://github.com/leandrowd/react-responsive-carousel) - React.js Responsive Carousel (with Swipe). +- [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. ### Collapse - - [react-collapse](https://github.com/nkbt/react-collapse) - Component-wrapper for collapse animation with react-motion for elements with variable (and dynamic) height. - - [react-accessible-accordion](https://github.com/springload/react-accessible-accordion) - Accessible Accordion component for React. - +- [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 for elements with variable (and dynamic) height. ### Chart -*Display data in charts / graphs / diagrams* - - - [react-chartist](https://github.com/fraserxu/react-chartist) - React component for Chartist.js. - - [d3-react-squared](https://github.com/bgrsquared/d3-react-squared) - Lightweight event system for (d3) charts and other components for ReactJS. - - [essential js 2 charts](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/charts) - Beautiful and interactive charts & graphs for react. - - [react-d3-components](https://github.com/codesuki/react-d3-components) - D3 Components for React. - - [recharts](https://github.com/recharts/recharts) - Redefined chart library built with React and D3. - - [react-chartjs](https://github.com/reactjs/react-chartjs) - Common react charting components using chart.js. - - [react-dazzle](https://github.com/Raathigesh/Dazzle) - Dashboards made easy in React JS. - - [react-vis](https://github.com/uber/react-vis) - Data visualization library based on React and d3. - - [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. - - [rumble-charts](https://github.com/RumbleInc/rumble-js-charts) - React components for building composable and flexible charts. - - [react-micro-bar-chart](https://github.com/KyleAMathews/react-micro-bar-chart) - React component for micro bar-charts rendered with D3. - - [react-timeseries-charts](https://github.com/esnet/react-timeseries-charts) - Declarative timeseries charts. - - [react-google-charts](https://github.com/RakanNimer/react-google-charts) - React-google-charts React component. - - [victory](https://github.com/FormidableLabs/victory) - Data viz for React. - - [react-sigmajs](https://github.com/dunnock/react-sigma) - Lightweight but powerful library for drawing network graphs built on top of SigmaJS. - - [chartify](https://github.com/kirillstepkin/chartify) - React.js plugin for building animated draggable and customizable charts. - - [react-highcharts](https://github.com/kirjs/react-highcharts) - React-highcharts. - - [react-trend](https://github.com/unsplash/react-trend) - Simple, elegant spark lines. - +_Display data in charts / graphs / diagrams_ + +- [chartify](https://github.com/kirillstepkin/chartify) - React.js plugin for building animated draggable and customizable charts. +- [d3-react-squared](https://github.com/bgrsquared/d3-react-squared) - Lightweight event system for (d3) charts and other components for ReactJS. +- [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-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. +- [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/RumbleInc/rumble-js-charts) - React components for building composable and flexible charts. +- [victory](https://github.com/FormidableLabs/victory) - Data viz for React. ### Tree -*Display a tree data structure* - - - [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. - - [react-treebeard](https://github.com/alexcurtis/react-treebeard) - React Tree View Component. Data-Driven, Fast, Efficient and Customisable. +_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 -*Ways to navigate views* - - - [react-scroll](https://github.com/fisshy/react-scroll) - React scroll component. - - [react-swipeable-views](https://github.com/oliviertassinari/react-swipeable-views) - A React Component for binded Tabs and Swipeable Views. +_Ways to navigate views_ +- [react-scroll](https://github.com/fisshy/react-scroll) - React scroll component. +- [react-swipeable-views](https://github.com/oliviertassinari/react-swipeable-views) - A React Component for binded Tabs and Swipeable Views. ### Custom Scrollbar - - [react-custom-scrollbars](https://github.com/malte-wessel/react-custom-scrollbars) - React scrollbars component. - - [react-scrollbar](https://github.com/souhe/reactScrollbar) - Scrollbar component for React. - - [react-smooth-scrollbar](https://github.com/idiotWu/react-smooth-scrollbar) - React implementation of smooth-scrollbar. - - [react-gemini-scrollbar](https://github.com/noeldelgado/react-gemini-scrollbar) - React component for custom overlay-scrollbars with native scrolling mechanism. - - [react-custom-scroll](https://github.com/rommguy/react-custom-scroll) - Easily customize the browser scroll bar with native OS scroll behavior. - +- [react-custom-scroll](https://github.com/rommguy/react-custom-scroll) - Easily customize the browser scroll bar with native OS scroll behavior. +- [react-custom-scrollbars](https://github.com/malte-wessel/react-custom-scrollbars) - React scrollbars component. +- [react-gemini-scrollbar](https://github.com/noeldelgado/react-gemini-scrollbar) - React component for custom overlay-scrollbars with native scrolling mechanism. +- [react-scrollbar](https://github.com/souhe/reactScrollbar) - Scrollbar component for React. +- [react-smooth-scrollbar](https://github.com/idiotWu/react-smooth-scrollbar) - React implementation of smooth-scrollbar. ### Audio / Video - - [react-player](https://github.com/CookPete/react-player) - A react component for playing a variety of URLs, including file paths, YouTube, SoundCloud and Vimeo. - - [react-youtube](https://github.com/troybetz/react-youtube) - React.js powered YouTube player component. - - [react-soundplayer](https://github.com/soundblogs/react-soundplayer) - Create custom SoundCloud players with React. - - [react-video](https://github.com/pedronauck/react-video) - React component to load video from Vimeo or Youtube across any device. - - [react-music](https://github.com/FormidableLabs/react-music) - Make beats with React. - - [react-dailymotion](https://github.com/u-wave/react-dailymotion) - Dailymotion player component for React. - - [video-react](https://github.com/video-react/video-react) - A web video player built for the HTML5 world using React library. - +- [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 file paths, YouTube, SoundCloud and Vimeo. +- [react-soundplayer](https://github.com/soundblogs/react-soundplayer) - Create custom SoundCloud players with React. +- [react-video](https://github.com/pedronauck/react-video) - React component to load video from Vimeo or Youtube across any device. +- [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. ### Map - - [react-gmaps](https://github.com/MicheleBertoli/react-gmaps) - A Google Maps component for React.js. - - [google-map-react](https://github.com/istarkov/google-map-react) - Universal google map react component, allows render react components on the google map. - - [react-googlemaps](https://github.com/pieterv/react-googlemaps) - A declarative React interface to Google Maps. - - [react-leaflet](https://github.com/PaulLeCam/react-leaflet) - React components for Leaflet maps. - - [react-geosuggest](https://github.com/ubilabs/react-geosuggest) - A React autosuggest for the Google Maps Places API. - - [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. - +- [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-googlemaps](https://github.com/pieterv/react-googlemaps) - A declarative React interface to Google Maps. +- [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. ### Time / Date / Age -*Display time / date / age* - - - [react-time](https://github.com/andreypopp/react-time) - Component for React to render relative and/or formatted dates into <time> HTML5 element. - - [react-timeago](https://github.com/nmn/react-timeago) - A simple time-ago component for ReactJs. - - [timeago-react](https://github.com/hustcc/timeago-react) - Simple and efficient react component to format date with `*** time ago` statement. eg: '3 hours ago'. +_Display time / date / age_ +- [react-time](https://github.com/andreypopp/react-time) - Component for React to render relative and/or formatted dates into <time> HTML5 element. +- [react-timeago](https://github.com/nmn/react-timeago) - A simple time-ago component for ReactJs. +- [timeago-react](https://github.com/hustcc/timeago-react) - Simple and efficient react component to format date with `*** time ago` statement. eg: '3 hours ago'. ### Photo / Image -*Display images / photos* - - - [react-image-gallery](https://github.com/xiaolin/react-image-gallery) - Responsive image gallery, carousel, image slider react component. - - [react-images](https://github.com/jossmac/react-images) - A simple lightbox component for displaying an array of images. - - [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-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. +_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-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. ### Icons -*Display icons / icon set / emojis* - - - [react-icons](https://github.com/gorangajic/react-icons) - Svg react icons of popular icon packs using ES6 imports. - - [react-emoji](https://github.com/banyan/react-emoji) - An emoji mixin for React. - - [react-emoji-react](https://github.com/conorhastings/react-emoji-react) - A clone of slack emoji reactions in react. +_Display icons / icon set / emojis_ +- [react-emoji-react](https://github.com/conorhastings/react-emoji-react) - A clone of slack emoji reactions in react. +- [react-emoji](https://github.com/banyan/react-emoji) - An emoji mixin for React. +- [react-icons](https://github.com/gorangajic/react-icons) - Svg react icons of popular icon packs using ES6 imports. ### Paginator -*Display a control element to paginate* - - - [react-paginate](https://github.com/AdeleD/react-paginate) - A ReactJS component that creates a pagination. +_Display a control element to paginate_ +- [react-paginate](https://github.com/AdeleD/react-paginate) - A ReactJS component that creates a pagination. ### Markdown Viewer -*Display parsed markdow source* - - - [react-markdown](https://github.com/rexxars/react-markdown) - Render Markdown as React components. +_Display parsed markdow source_ +- [react-markdown](https://github.com/rexxars/react-markdown) - Render Markdown as React components. ### Miscellaneous - - [react-timesheet](https://github.com/yuanyan/react-timesheet) - Time Sheet Component for React. - - [react-blur](https://github.com/javierbyte/react-blur) - React component for blurred backgrounds. - - [react-split-pane](https://github.com/tomkp/react-split-pane) - React split-pane component. - - [typography](https://github.com/KyleAMathews/typography.js) - A powerful toolkit for building websites with beautiful typography. - - [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-dnr](https://github.com/yongxu/react-DnR) - Dragable and Resizable window build with React.js. - - [react-resizable-box](https://github.com/bokuweb/react-resizable-box) - Resizable component for React. #reactjs. - - [react-file-reader-input](https://github.com/ngokevin/react-file-reader-input) - React file input component for complete control over styling and abstraction from file reading. - - [react-pagespeed-score](https://github.com/cauealves/react-pagespeed-score) - A React component for display a dial-type chart of PageSpeed Insights. - - [react-autolink](https://github.com/banyan/react-autolink) - An autolink mixin for React. - - [react-svg-buttons](https://github.com/plouc/react-svg-buttons) - Configurable animated SVG buttons for react. - - [react-avatar](https://github.com/Sitebase/react-avatar) - Universal React avatar component makes it possible to generate avatars based on user information. - - [react-joyride](https://github.com/gilbarbara/react-joyride) - Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!. - - [material-color-hash](https://github.com/BelkaLab/material-color-hash) - Hash strings to Material UI colors. - - [react-facebook](https://github.com/CherryProjects/react-facebook) - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post. - - [react-filter-control](https://github.com/komarovalexander/react-filter-control) - The React filterbuilder component for building the filter criteria in the UI. - - - +- [material-color-hash](https://github.com/BelkaLab/material-color-hash) - Hash strings to Material UI colors. +- [react-autolink](https://github.com/banyan/react-autolink) - An autolink mixin for React. +- [react-avatar](https://github.com/Sitebase/react-avatar) - Universal React avatar component makes it possible to generate avatars based on user information. +- [react-blur](https://github.com/javierbyte/react-blur) - React component for blurred backgrounds. +- [react-dnr](https://github.com/yongxu/react-DnR) - Dragable and Resizable window build with React.js. +- [react-facebook](https://github.com/CherryProjects/react-facebook) - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post. +- [react-file-reader-input](https://github.com/ngokevin/react-file-reader-input) - React file input component for complete control over styling and abstraction from file reading. +- [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!. +- [react-json-tree](https://github.com/alexkuz/react-json-tree) - React JSON Viewer Component, Extracted from redux-devtools. +- [react-pagespeed-score](https://github.com/cauealves/react-pagespeed-score) - A React component for display a dial-type chart of PageSpeed Insights. +- [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-timesheet](https://github.com/yuanyan/react-timesheet) - Time Sheet Component for React. +- [typography](https://github.com/KyleAMathews/typography.js) - A powerful toolkit for building websites with beautiful typography. ### Form Components -*Let the user enter data* +_Let the user enter data_ #### Date / Time picker -*Date picker / time picker / datetime picker / date range picker* - - - [react-datepicker](https://github.com/Hacker0x01/react-datepicker) - A simple and reusable datepicker component for React. - - [rc-calendar](https://github.com/react-component/calendar) - React Calendar. - - [react-date-range](https://github.com/Adphorus/react-date-range) - A React component for choosing dates and date ranges. - - [react-day-picker](https://github.com/gpbl/react-day-picker) - Flexible date picker for React. - - [react-daterange-picker](https://github.com/onefinestay/react-daterange-picker) - A React based date range picker. - - [react-yearly-calendar](https://github.com/BelkaLab/react-yearly-calendar) - React.js Yearly Calendar Component. - - [react-calendar](https://github.com/freiksenet/react-calendar) - A modular toolkit to build calendar-related things in React. - - [input-moment](https://github.com/wangzuo/input-moment) - React datetime picker powered by momentjs. - - [react-datetime](https://github.com/YouCanBookMe/react-datetime) - A lightweight but complete datetime picker react component. - - [react-bootstrap-datetimepicker](https://github.com/quri/react-bootstrap-datetimepicker) - A react.js datetime picker for bootstrap. - - [react-bootstrap-daterangepicker](https://github.com/skratchdot/react-bootstrap-daterangepicker) - A date/time picker for react (using bootstrap). This is a react port of bootstrap-daterangepicker. - - [react-big-calendar](https://github.com/intljusticemission/react-big-calendar) - Gcal/outlook like calendar component. - - [react-date-select](https://github.com/JedWatson/react-date-select) - A React Date Select / Picker Input Component. - - [react-infinite-calendar](https://github.com/clauderic/react-infinite-calendar) - Infinite scrolling date-picker built with React, with localization, themes, keyboard support, and more. - - [react-dates](https://github.com/airbnb/react-dates) - An easily internationalizable, mobile-friendly datepicker library for the web. - - [react-flatpickr](https://github.com/coderhaoxin/react-flatpickr) - Flatpickr for React. - +_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-bootstrap-daterangepicker](https://github.com/skratchdot/react-bootstrap-daterangepicker) - A date/time picker for react (using bootstrap). This is a react port of bootstrap-daterangepicker. +- [react-bootstrap-datetimepicker](https://github.com/quri/react-bootstrap-datetimepicker) - A react.js datetime picker for bootstrap. +- [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-date-select](https://github.com/JedWatson/react-date-select) - A React Date Select / Picker Input Component. +- [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-infinite-calendar](https://github.com/clauderic/react-infinite-calendar) - Infinite scrolling date-picker built with React, with localization, themes, keyboard support, and more. +- [react-yearly-calendar](https://github.com/BelkaLab/react-yearly-calendar) - React.js Yearly Calendar Component. #### Input Types -*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-credit-cards](https://github.com/amarofashion/react-credit-cards) - Beautiful credit cards for your payment forms. +_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-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. #### Autocomplete -*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. - - [react-typeahead-component](https://github.com/ezequiel/react-typeahead-component) - Typeahead, written using the React.js library. +_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 - - [react-selectize](https://github.com/furqanZafar/react-selectize) - A Stateless & Flexible Select component for React inspired by Selectize. - - [react-aria-menubutton](https://github.com/davidtheclark/react-aria-menubutton) - A fully accessible, easily themeable, React-powered menu button. - - [react-select](https://github.com/JedWatson/react-select) - A Select control built with and for React JS. - - [react-select-box](https://github.com/instructure-react/react-select-box) - An accessible select box component for React. - +- [react-aria-menubutton](https://github.com/davidtheclark/react-aria-menubutton) - A fully accessible, easily themeable, React-powered menu button. +- [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 - - [react-input-color](https://github.com/wangzuo/react-input-color) - React input color component with hsv color picker. - - [react-color](https://github.com/casesandberg/react-color) - Color Pickers from Sketch, Photoshop, Chrome & more. - - [coloreact](https://github.com/elrumordelaluz/coloreact) - A tiny Color Picker for React. - +- [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-input-color](https://github.com/wangzuo/react-input-color) - React input color component with hsv color picker. #### Toggle - - [react-toggle](https://github.com/instructure-react/react-toggle) - An elegant, accessible toggle component for React. Also a glorified checkbox. - - [react-ios-switch](https://github.com/clari/react-ios-switch) - React 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. #### Slider - - [rc-slider](https://github.com/react-component/slider) - React Slider. - - [react-slider](https://github.com/mpowaga/react-slider) - Slider component for React. - +- [rc-slider](https://github.com/react-component/slider) - React Slider. +- [react-slider](https://github.com/mpowaga/react-slider) - Slider component for React. #### Radio Button - - [react-radio-group](https://github.com/chenglou/react-radio-group) - Better radio buttons. - +- [react-radio-group](https://github.com/chenglou/react-radio-group) - Better radio buttons. #### Type Select -*Let the user select something (e.g. a tag) while typing* - - - [react-tagsinput](https://github.com/olahol/react-tagsinput) - A simple react component for inputing tags. - - [react-tag-input](https://github.com/prakhar1989/react-tags) - A fantastically simple tagging component for your React projects. - - [react-mentions](https://github.com/effektif/react-mentions) - Mention people in a textarea. - - [react-tokeninput](https://github.com/instructure-react/react-tokeninput) - Tokeninput component for React. - - [react-autocomplete-input](https://github.com/yury-dymov/react-autocomplete-input) - Autocomplete input field for React. +_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. +- [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. #### Autosize Input / Textarea - - [react-input-autosize](https://github.com/JedWatson/react-input-autosize) - Auto-resizing input field for React. - - [react-textarea-autosize](https://github.com/andreypopp/react-textarea-autosize) - <textarea /> component for React which grows with content. - +- [react-input-autosize](https://github.com/JedWatson/react-input-autosize) - Auto-resizing input field for React. +- [react-textarea-autosize](https://github.com/andreypopp/react-textarea-autosize) - <textarea /> component for React which grows with content. #### Star Rating - - [react-star-rating](https://github.com/cameronroe/react-star-rating) - A simple star rating component built with React. - - [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-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 - - [react-draggable](https://github.com/mzabriskie/react-draggable) - React draggable component. - - [react-dnd-touch-backend](https://github.com/yahoo/react-dnd-touch-backend) - Touch Backend for react-dnd. - - [react-dropzone](https://github.com/okonet/react-dropzone) - Simple HTML5 drag-drop zone with React.js. - - [react-dnd](https://github.com/gaearon/react-dnd) - Drag and Drop for React. - - [react-sortable-pane](https://github.com/bokuweb/react-sortable-pane) - Sortable and resizable pane component for React. - - [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-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd) - Beautiful and accessible drag and drop for lists with React - +- [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. +- [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. #### Sortable List -*Let the user define an order on a list* - - - [sortablejs](https://github.com/RubaXa/Sortable) - Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery. Supports Meteor, AngularJS, React, Polymer, Knockout and any CSS library, e.g. Bootstrap. - - [react-anything-sortable](https://github.com/jasonslyvia/react-anything-sortable) - A ReactJS component that can sort any children with touch support and IE8 compatibility. - - [react-sortable-hoc](https://github.com/clauderic/react-sortable-hoc) - A set of 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. +_Let the user define an order on a list_ +- [react-anything-sortable](https://github.com/jasonslyvia/react-anything-sortable) - A ReactJS component that can sort any children with touch support and IE8 compatibility. +- [react-sortable-hoc](https://github.com/clauderic/react-sortable-hoc) - A set of 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) - Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery. Supports Meteor, AngularJS, React, Polymer, Knockout and any CSS library, e.g. Bootstrap. #### Rich Text Editor - - [react-quill](https://github.com/zenoamaro/react-quill) - A Quill component for React. - - [react-ace](https://github.com/securingsincity/react-ace) - React Ace Component. - - [react-contenteditable](https://github.com/lovasoa/react-contenteditable) - React component for a div with editable contents. - - [react-codemirror](https://github.com/JedWatson/react-codemirror) - Codemirror Component for React.js. - - [react-medium-editor](https://github.com/wangzuo/react-medium-editor) - React wrapper for medium-editor. - - [draft-js](https://github.com/facebook/draft-js) - A React framework for building text editors. - - [ritzy](https://github.com/ritzyed/ritzy) - Collaborative web-based rich text editor. - - [megadraft](https://github.com/globocom/megadraft) - Rich Text editor built on top of draft.js. - - [react-trumbowyg](https://github.com/RD17/react-trumbowyg) - React wrapper for Trumbowyg. - - [alloyeditor](https://github.com/liferay/alloy-editor) - WYSIWYG editor based on CKEditor with completely rewritten UI. - - [react-draft-wysiwyg](https://github.com/jpuri/react-draft-wysiwyg) - A Wysiwyg editor build on top of ReactJS and DraftJS. - +- [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-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. +- [ritzy](https://github.com/ritzyed/ritzy) - Collaborative web-based rich text editor. #### Markdown Editor - - [react-md-editor](https://github.com/JedWatson/react-md-editor) - React.js Markdown Editor Component. - - [react-markdown-editor](https://github.com/jrm2k6/react-markdown-editor) - A markdown editor using React/Reflux. - +- [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. #### Image Editing -*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. Resize and crop your uploaded image using a clear user interface. - - [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. +_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. Resize and crop your uploaded image using a clear user interface. +- [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. #### Form Component Collections - - [formsy-react-components](https://github.com/twisty/formsy-react-components) - A set of React JS components for use in a formsy-react form. Markup adheres to Bootstrap 3 form structure. - - [formsy-material-ui](https://github.com/mbrookes/formsy-material-ui) - A Formsy compatibility wrapper for Material-UI form components. - - [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. - +- [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. Markup adheres to Bootstrap 3 form structure. +- [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. #### Miscellaneous - - [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-tabguard](https://github.com/avocode/react-tabguard) - React Tabguard. - - [react-upload-gallery](https://github.com/TPMinan/react-upload-gallery) - React for Upload Image Gallery. Drag & Drop, Sortable, Customize. - - - - - - +- [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-tabguard](https://github.com/avocode/react-tabguard) - React Tabguard. +- [react-upload-gallery](https://github.com/TPMinan/react-upload-gallery) - React for Upload Image Gallery. Drag & Drop, Sortable, Customize. ## UI Layout -*Components to layout the app's UI* - - - [rgx](https://github.com/jxnblk/rgx) - React grid system based on minimum and maximum widths. - - [react-flexbox](https://github.com/tcoopman/react-flexbox) - React flexbox implementation. - - [react-masonry-mixin](https://github.com/eiriklv/react-masonry-mixin) - A React.js mixin for using @desandro's Masonry. - - [react-inline-grid](https://github.com/broucz/react-inline-grid) - Predictable flexbox based grid for React. - - [react-layout-components](https://github.com/rofrischmann/react-layout-components) - Layout Components for React based on Flexbox. - - [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-flexbox-grid](https://github.com/roylee0704/react-flexbox-grid) - A set of React components implementing flexboxgrid with the power of CSS Modules. - - [react-stonecutter](https://github.com/dantrain/react-stonecutter) - Animated grid layout component for React. - - [flexbox-react](https://github.com/nachoaIvarez/flexbox-react) Unopinionated, standard compliant flexbox components. You don't need to learn any propietary syntax. If you know how to use flexbox, you know how to use flexbox-react components. - - [autoresponsive-react](https://github.com/xudafeng/autoresponsive-react) - Auto responsive grid layout library. - - [golden-layout](https://github.com/deepstreamIO/golden-layout) - A multi-screen javascript Layout manager. - - [reactwm](https://github.com/stayradiated/reactwm) - A minimal window manager built using React. - - [react-stack-grid](https://github.com/tsuyoshiwada/react-stack-grid) - Pinterest like layout components for React.js. - - [react-reflex](https://github.com/leefsmp/Re-Flex) - Flex layout container component for advanced React web applications. - - [reflexbox](https://github.com/jxnblk/reflexbox) - React flexbox layout and grid system. - - [hedron](https://github.com/JSBros/hedron) - A no-frills flexbox grid system for React, powered by styled-components. - - [react-resizer](https://github.com/avocode/react-resizer) - A React component for resizing HTML elements. - - [m-react-splitters](https://github.com/martinnov92/React-Splitters) - React splitter component, written in TypeScript. - - - - - - +_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. You don't need to learn any propietary syntax. If you know how to use flexbox, you know how to use flexbox-react 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. +- [react-flexbox-grid](https://github.com/roylee0704/react-flexbox-grid) - A set of React components implementing flexboxgrid with the power of CSS Modules. +- [react-flexbox](https://github.com/tcoopman/react-flexbox) - React flexbox implementation. +- [react-grid-layout](https://github.com/STRML/react-grid-layout) - A draggable and resizable grid layout with responsive breakpoints, for React. +- [react-inline-grid](https://github.com/broucz/react-inline-grid) - Predictable flexbox based grid for React. +- [react-layout-components](https://github.com/rofrischmann/react-layout-components) - Layout Components for React based on Flexbox. +- [react-masonry-component](https://github.com/eiriklv/react-masonry-component) - A React.js component for using @desandro's Masonry. +- [react-masonry-mixin](https://github.com/eiriklv/react-masonry-mixin) - A React.js mixin for using @desandro's Masonry. +- [react-reflex](https://github.com/leefsmp/Re-Flex) - Flex layout container component for advanced React web applications. +- [react-resizer](https://github.com/avocode/react-resizer) - A React component for resizing HTML elements. +- [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. +- [reactwm](https://github.com/stayradiated/reactwm) - A minimal window manager built using React. +- [reflexbox](https://github.com/jxnblk/reflexbox) - React flexbox layout and grid system. +- [rgx](https://github.com/jxnblk/rgx) - React grid system based on minimum and maximum widths. ## UI Animation -*Animate transitions* - - - [react-tween-state](https://github.com/chenglou/react-tween-state) - React animation. - - [react-motion](https://github.com/chenglou/react-motion) - A spring that solves your animation problems. - - [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-spark-scroll](https://github.com/gilbox/react-spark-scroll) - Scroll-based actions and animations for react. - - [react-motion-ui-pack](https://github.com/souporserious/react-motion-ui-pack) - Wrapper component around React Motion for easier UI transitions. - - [react-magic-move](https://github.com/ryanflorence/react-magic-move) - MagicMove for React.js. - - [velocity-react](https://github.com/twitter-fabric/velocity-react) - React components for Velocity.js. - - [react-track](https://github.com/gilbox/react-track) - Track the position of DOM elements. Create cool animations. - - [rc-animate](https://github.com/react-component/animate) - Anim react element easily. - - [react-router-transition](https://github.com/maisano/react-router-transition) - Transitions built for react-router, powered by react-motion. - - [react-gsap-enhancer](https://github.com/azazdeaz/react-gsap-enhancer) - Use the full power of React and GSAP together. - - [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-flip-move](https://github.com/joshwcomeau/react-flip-move) - Effortless animation between DOM changes (eg. list reordering) using the FLIP technique. - - [react.animate](https://github.com/pleasetrythisathome/react.animate) - State animation plugin for react.js. - - [react-anime](https://github.com/stelatech/react-anime) - A super easy animation library for React. - - [animakit-rotator](https://github.com/animakit/animakit-rotator) - AnimakitRotator - React component for the 3D rotation of the blocks. - - [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. - - [react-tween](https://github.com/clari/react-tween) - Tween animation for React components. - - [data-driven-motion](https://github.com/tkh44/data-driven-motion) - Easily animate your data in react. - - [react-web-animation](https://github.com/bringking/react-web-animation) - React components for the Web Animations API -. - +_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. +- [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. +- [react-magic-move](https://github.com/ryanflorence/react-magic-move) - MagicMove for React.js. +- [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-router-transition](https://github.com/maisano/react-router-transition) - Transitions built for react-router, powered by react-motion. +- [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-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. ### Parallax - - [react-atv-img](https://github.com/keyanzhang/react-atv-img) - A port of @drewwilson’s atvImg (Apple TV 3D parallax effect) library in React. - - [react-parallax-component](https://github.com/keske/react-parallax-component) - Easiest way to add scroll parallax effect on the component. - +- [react-atv-img](https://github.com/keyanzhang/react-atv-img) - A port of @drewwilson’s atvImg (Apple TV 3D parallax effect) library in React. +- [react-parallax-component](https://github.com/keske/react-parallax-component) - Easiest way to add scroll parallax effect on the component. ## UI Frameworks - ### Responsive -*Set of components + responsive layout system* - - - [elemental](https://github.com/elementalui/elemental) - A flexible and beautiful UI framework for React.js. - - [rctui](https://github.com/Lobos/react-ui) - A collection of components for React. - - [belle](https://github.com/nikgraf/belle) - Configurable React Components with great UX. - - [react-uikit-components](https://github.com/otissv/react-uikit-components) - React UIkit Components for the UIKit CSS framework. - - [searchkit](https://github.com/searchkit/searchkit) - React UI components / widgets. The easiest way to build a great search experience with Elasticsearch. - - [rebass](https://github.com/jxnblk/rebass) - Configurable React Stateless Functional UI Components. - - [react-foundation-apps](https://github.com/akiran/react-foundation-apps) - Foundation Apps components built with React. - - [grommet](https://github.com/grommet/grommet) - The most advanced UX framework for enterprise applications. - - [@blueprintjs/core](https://github.com/palantir/blueprint) - Core styles & components. - - [react-foundation](https://github.com/nordsoftware/react-foundation) - Foundation as React components. - - [semantic-ui-react](https://github.com/Semantic-Org/Semantic-UI-React) - The official Semantic-UI-React integration. - - [pivotal-ui-react](https://github.com/pivotal-cf/pivotal-ui) - React components based on a custom version of the Bootstrap library. - - [antd](https://github.com/ant-design/ant-design) - A UI Design Language. - +_Set of components + responsive layout system_ + +- [@blueprintjs/core](https://github.com/palantir/blueprint) - Core styles & components. +- [antd](https://github.com/ant-design/ant-design) - A UI Design Language. +- [belle](https://github.com/nikgraf/belle) - Configurable React Components with great UX. +- [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. +- [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-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. +- [rebass](https://github.com/jxnblk/rebass) - Configurable React Stateless Functional UI 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. #### Bootstrap - - [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap 3 components built with React. - - [reactstrap](https://github.com/reactstrap/reactstrap) - Simple React Bootstrap 4 components. - +- [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap 3 components built with React. +- [reactstrap](https://github.com/reactstrap/reactstrap) - Simple React Bootstrap 4 components. #### Material Design - - [react-mdl](https://github.com/tleunen/react-mdl) - React Components for Material Design Lite. - - [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 specification with the power of CSS Modules. - - [react-material](https://github.com/BerkeleyTrue/react-material) - Material design components written with React.js and React Style. - - [material-ui](https://github.com/callemall/material-ui) - React Components that Implement Google's Material Design. - - [react-essence](https://github.com/Evo-Forge/Essence) - Essence - The Essential Material Design Framework. - +- [material-ui](https://github.com/callemall/material-ui) - React Components that Implement Google's Material Design. +- [react-essence](https://github.com/Evo-Forge/Essence) - Essence - The Essential Material Design Framework. +- [react-material](https://github.com/BerkeleyTrue/react-material) - Material design components written with React.js and React Style. +- [react-materialize](https://github.com/react-materialize/react-materialize) - Material design for react, powered by materializecss. +- [react-mdl](https://github.com/tleunen/react-mdl) - React Components for Material Design Lite. +- [react-toolbox](https://github.com/react-toolbox/react-toolbox) - A set of React components implementing Google's Material Design specification with the power of CSS Modules. ### Mobile - - [onsenui](https://github.com/OnsenUI/OnsenUI) - Hybrid Mobile App UI Framework for iOS and Material Design with Angular and React Components. - - [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) - A configurable Mobile UI. - +- [antd-mobile](https://github.com/ant-design/ant-design-mobile) - A configurable Mobile UI. +- [onsenui](https://github.com/OnsenUI/OnsenUI) - Hybrid Mobile App UI Framework for iOS and Material Design with Angular and React Components. +- [reactionic](https://github.com/reactionic/reactionic) - React Ionic. +- [touchstonejs](https://github.com/touchstonejs/touchstonejs) - Mobile App Framework powered by React. ### Component Collections -*Set of components without layout system* - - - [dataminr-react-components](https://github.com/dataminr/react-components) - Collection of reusable React Components and utility functions. - - [react-components](https://github.com/Khan/react-components) - React components used by Khan Academy. +_Set of components without layout system_ +- [dataminr-react-components](https://github.com/dataminr/react-components) - Collection of reusable React Components and utility functions. +- [react-components](https://github.com/Khan/react-components) - React components used by Khan Academy. ### Other - - [react-desktop](https://github.com/gabrielbull/react-desktop) - React UI Components for macOS Sierra and Windows 10. - - [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, using React, Redux, and Material Design. +- [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, using React, Redux, and Material Design. +- [react-desktop](https://github.com/gabrielbull/react-desktop) - React UI Components for macOS Sierra and Windows 10. ## UI Utilities - ### Reporter -*Report computed styles* - +_Report computed styles_ #### Visibility Reporter -*Report when a component becomes visible/hidden* - - - [react-waypoint](https://github.com/brigade/react-waypoint) - A React component to execute a function whenever you scroll to an element. - - [react-visibility-sensor](https://github.com/joshwnj/react-visibility-sensor) - Sensor component for React that notifies you when it goes in or out of the window viewport. +_Report when a component becomes visible/hidden_ +- [react-visibility-sensor](https://github.com/joshwnj/react-visibility-sensor) - Sensor component for React that notifies you when it goes in or out of the window viewport. +- [react-waypoint](https://github.com/brigade/react-waypoint) - A React component to execute a function whenever you scroll to an element. #### Measurement Reporter -*Determine and report measurements of an element* - - - [react-measure](https://github.com/souporserious/react-measure) - Compute measurements of a React component. - - [react-height](https://github.com/nkbt/react-height) - Component-wrapper to determine and report children elements height. - - [react-height-reporter](https://github.com/berrtech/react-height-reporter) - React component-wrapper detecting height changes of it's children. - - [react-dimensions](https://github.com/digidem/react-dimensions) - React higher-order component to get dimensions of container. - - [react-component-queries](https://github.com/ctrlplusb/react-component-queries) - Provide props to your Components based on their Width and/or Height. - - [react-sizeme](https://github.com/ctrlplusb/react-sizeme) - Make your React Components aware of their width and height. - - [react-container-dimensions](https://github.com/okonet/react-container-dimensions) - Wrapper component that detects element resize and passes new dimensions down the tree. Based on. - +_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 and passes new dimensions down the tree. Based on. +- [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. ### Device Input -*Turn user input into actions* +_Turn user input into actions_ #### Keyboard Events - - [react-keydown](https://github.com/glortho/react-keydown) - Lightweight keydown wrapper for React components. - - [react-hotkeys](https://github.com/chrisui/react-hotkeys) - Declarative hotkey and focus area management for React. - - [react-shortcuts](https://github.com/avocode/react-shortcuts) - Manage keyboard shortcuts from one place. - - [react-key-handler](https://github.com/ayrton/react-key-handler) - React component to handle keyboard events. +- [react-hotkeys](https://github.com/chrisui/react-hotkeys) - Declarative hotkey and focus area management for React. +- [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. #### Scroll Events - - [react-scroll-components](https://github.com/jeroencoumans/react-scroll-components) - A set of components that react to page scrolling. +- [react-scroll-components](https://github.com/jeroencoumans/react-scroll-components) - A set of components that react to page scrolling. #### Touch Events - - [react-hammerjs](https://github.com/JedWatson/react-hammerjs) - ReactJS / HammerJS integration. Support touch events in your React app. - - [react-tappable](https://github.com/JedWatson/react-tappable) - Tappable component for React. +- [react-hammerjs](https://github.com/JedWatson/react-hammerjs) - ReactJS / HammerJS integration. Support touch events in your React app. +- [react-tappable](https://github.com/JedWatson/react-tappable) - Tappable component for React. #### Touch Swipe - - [react-swipe](https://github.com/voronianski/react-swipe) - Swipe.js as a React component. +- [react-swipe](https://github.com/voronianski/react-swipe) - Swipe.js as a React component. #### Mouse Events - - [react-aim](https://github.com/gabrielbull/react-aim) - Determine the cursor aim for triggering mouse events. - - - +- [react-aim](https://github.com/gabrielbull/react-aim) - Determine the cursor aim for triggering mouse events. ### Meta Tags -*Set meta tags, , children of <head>* - - - [react-helmet](https://github.com/nfl/react-helmet) - A document head manager for React. - - [react-document-title](https://github.com/gaearon/react-document-title) - Declarative, nested, stateful, isomorphic document.title for React. - - [react-document-meta](https://github.com/kodyl/react-document-meta) - HTML meta tags for React-based apps. Works for both client- and server-side rendering, and has a strict but flexible API. - +_Set meta tags, <title>, children of <head>_ +- [react-document-meta](https://github.com/kodyl/react-document-meta) - HTML meta tags for React-based apps. Works for both client- and server-side rendering, and has a strict but flexible API. +- [react-document-title](https://github.com/gaearon/react-document-title) - Declarative, nested, stateful, isomorphic document.title for React. +- [react-helmet](https://github.com/nfl/react-helmet) - A document head manager for React. ### Portal -*Render an element at an arbitrary DOM node* - - - [react-portal](https://github.com/tajo/react-portal) - React component for transportation of modals, lightboxes, loading bars... to document.body. - - [react-layer-stack](https://github.com/fckt/react-layer-stack) - Simple but ubiquitously powerful and agnostic layering system for React. Useful for any kind of windowing/popover/modals/tooltip application. - - [react-gateway](https://github.com/cloudflare/react-gateway) - Render React DOM into a new context (aka "Portal"). - - +_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. Useful for any kind of windowing/popover/modals/tooltip application. +- [react-portal](https://github.com/tajo/react-portal) - React component for transportation of modals, lightboxes, loading bars... to document.body. ### Test User Behavior -*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. - - - - - - - - +_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 -*Libraries that help with code design* - +_Libraries that help with code design_ ### Data Store -*Data flow / data management / data stores / components state / data flow* - - - [react-redux](https://github.com/reactjs/react-redux) - Official React bindings for Redux. - - [fluorine-lib](https://github.com/philpl/fluorine) - Reactive state and side effect management for React using a single stream of actions. - - [redux-batched-actions](https://github.com/tshelburne/redux-batched-actions) - Redux higher order reducer + action to reduce actions under a single subscriber notification. - - [react-i13n](https://github.com/yahoo/react-i13n) - A performant, scalable and pluggable approach to instrumenting your React application. - - [shasta](https://github.com/shastajs/shasta) - Dead simple + opinionated toolkit for building redux/react applications. - - [react-redux-provide](https://github.com/loggur/react-redux-provide) - Bridges the gap between Redux and the declarative nature of GraphQL/Relay. Share, manipulate, and replicate application state across any number of components. - - [redux-batched-subscribe](https://github.com/tappleby/redux-batched-subscribe) - Store enhancer for which allows batching subscribe notifications. - - [reflux](https://github.com/reflux/refluxjs) - A simple library for uni-directional dataflow application architecture with React extensions inspired by Flux. - - [fluxxor](https://github.com/BinaryMuse/fluxxor) - Flux architecture tools for React. - - [fluxible](https://github.com/yahoo/fluxible) - A pluggable container for universal flux applications. - - [alt](https://github.com/goatslacker/alt) - Isomorphic flux implementation. - - [baobab-react](https://github.com/Yomguithereal/baobab-react) - React integration for Baobab. - - [reselect](https://github.com/reactjs/reselect) - Selector library for Redux. - - [react-controllables](https://github.com/matthewwithanm/react-controllables) - Easily create controllable components. - - [recompose](https://github.com/acdlite/recompose) - A React utility belt for function components and higher-order components. - - [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. - - [mobx-react](https://github.com/mobxjs/mobx-react) - React bindings for MobX. Create fully reactive components. - - [cerebral](https://github.com/cerebral/cerebral) - A state controller with its own debugger. - - [kea](https://github.com/mariusandra/kea) - High level architecture for React apps. - +_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. +- [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-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. Share, manipulate, and replicate application state across any number of components. +- [react-redux](https://github.com/reactjs/react-redux) - Official React bindings for Redux. +- [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) - Redux higher order 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. +- [shasta](https://github.com/shastajs/shasta) - Dead simple + opinionated toolkit for building redux/react applications. ### Form Logic - - [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. - - [newforms](https://github.com/insin/newforms) - INACTIVE] Isomorphic form-handling for React. - - [formsy-react](https://github.com/christianalfoni/formsy-react) - A form input builder and validator for React JS. - - [redux-form](https://github.com/erikras/redux-form) - A Higher Order Component using react-redux to keep form state in a Redux store. - - [winterfell](https://github.com/andrewhathaway/Winterfell) - Generate complex, validated and extendable JSON-based forms in React. - - [react-redux-form](https://github.com/davidkpiano/react-redux-form) - Create forms easily in React with Redux. - - [tcomb-form](https://github.com/gcanti/tcomb-form) - Forms library for react. - - [plexus-form](https://github.com/AppliedMathematicsANU/plexus-form) - A dynamic form component for react using JSON-Schema. - - [cerebral-module-forms](https://github.com/cerebral/cerebral-module-forms) - A forms handler for Cerebral. - +- [cerebral-module-forms](https://github.com/cerebral/cerebral-module-forms) - A forms handler for Cerebral. +- [formsy-react](https://github.com/christianalfoni/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. +- [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. +- [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 - - [react-router](https://github.com/reactjs/react-router) - A complete routing library for React. - - [react-router-component](https://github.com/STRML/react-router-component) - Declarative router component for React. - - [redux-router](https://github.com/acdlite/redux-router) - Redux bindings for React Router – keep your router state inside your Redux store. - - [react-router-scroll](https://github.com/taion/react-router-scroll) - React Router scroll management. - - [universal-router](https://github.com/kriasoft/universal-router) - A simple middleware-style router for isomorphic JavaScript web apps. - - [rrtr](https://github.com/taion/rrtr) - A complete routing solution for React.js. - - [react-router-redux](https://github.com/reactjs/react-router-redux) - Ruthlessly simple bindings to keep react-router and redux in sync. - - [react-breadcrumbs](https://github.com/svenanders/react-breadcrumbs) - Automatic breadcrumbs for React-Router. - - [monorouter](https://github.com/matthewwithanm/monorouter) - An isomorphic JS router. - - [cerebral-module-router](https://github.com/cerebral/cerebral-module-router) - An opinionated URL change handler for Cerebral. - +- [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-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. +- [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 -*Component properties asynchronously fetched over the network* - - - [react-async](https://github.com/andreypopp/react-async) - Asynchronously fetch data for React components. - - [redux-async-connect](https://github.com/Rezonans/redux-async-connect) - It allows you to request async data, store them in redux state and connect them to your react component. - - [async-props](https://github.com/ryanflorence/async-props) - Co-located data loading for React Router. - - [react-router-relay](https://github.com/relay-tools/react-router-relay) - Relay integration for React Router. - - [redux-connect](https://github.com/makeomatic/redux-connect) - Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React. - - [react-resolver](https://github.com/ericclemmons/react-resolver) - Async rendering & data-fetching for universal React applications. - - [react-refetch](https://github.com/heroku/react-refetch) - A simple, declarative, and composable way to fetch data for React components. - - [redial](https://github.com/markdalgleish/redial) - Universal data fetching and route lifecycle management for React etc. +_Component properties asynchronously fetched over the network_ +- [async-props](https://github.com/ryanflorence/async-props) - Co-located data loading for React Router. +- [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) - It allows you to request async data, store them in redux state and connect them to your react component. +- [redux-connect](https://github.com/makeomatic/redux-connect) - Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React. ### Communication with server - - [adrenaline](https://github.com/gyzerok/adrenaline) - Simple Relay alternative. - - [react-transmit](https://github.com/RickWong/react-transmit) - Relay-inspired library based on Promises instead of GraphQL. - - [apollo-client](https://github.com/apollostack/apollo-client) - A simple caching client for any GraphQL server and UI framework. - - [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. - - [cerebral-module-http](https://github.com/cerebral/cerebral-module-http) - HTTP module for Cerebral. - +- [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 - - [react-responsive](https://github.com/contra/react-responsive) - Media queries in react for responsive design. - - [react-css-modules](https://github.com/gajus/react-css-modules) - Seamless mapping of class names to CSS modules inside of React components. - - [aphrodite](https://github.com/Khan/aphrodite) - It's inline styles, but they work!. - - [postcss-js](https://github.com/postcss/postcss-js) - PostCSS for React Inline Styles, Free Style and other CSS-in-JS. - - [react-inline-css](https://github.com/RickWong/react-inline-css) - Write CSS inside your React components!. - - [classnames](https://github.com/JedWatson/classnames) - A simple javascript utility for conditionally joining classNames together. - - [react-container-query](https://github.com/d6u/react-container-query) - Modular responsive component. - - [react-look](https://github.com/rofrischmann/react-look) - Advanced & Dynamic Component Styling for React and React Native. Ships with powerful Plugins, Mixins and Developer Tools. - - [stilr](https://github.com/kodyl/stilr) - Encapsulated styling for your javascript components with all the power of javascript and CSS combined. - - [react-css-components](https://github.com/andreypopp/react-css-components) - Define React presentational components with CSS. - - [inline-style-prefixer](https://github.com/rofrischmann/inline-style-prefixer) - Run-time Autoprefixer for Inline Style Objects. - - [radium](https://github.com/FormidableLabs/radium) - A set of tools to manage inline styles on React elements. - - [styled-components](https://github.com/styled-components/styled-components) - Visual primitives for the component age. - +- [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-components](https://github.com/andreypopp/react-css-components) - Define React presentational components with CSS. +- [react-css-modules](https://github.com/gajus/react-css-modules) - Seamless mapping of class names to CSS modules inside of React components. +- [react-inline-css](https://github.com/RickWong/react-inline-css) - Write CSS inside your React components!. +- [react-look](https://github.com/rofrischmann/react-look) - Advanced & Dynamic Component Styling for React and React Native. Ships with powerful Plugins, Mixins and Developer Tools. +- [react-responsive](https://github.com/contra/react-responsive) - Media queries in react for responsive design. +- [stilr](https://github.com/kodyl/stilr) - Encapsulated styling for your javascript components with all the power of javascript and CSS combined. +- [styled-components](https://github.com/styled-components/styled-components) - Visual primitives for the component age. ### HTML Template - - [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. - - [hyperx](https://github.com/substack/hyperx) - Tagged template string virtual dom builder. - +- [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 - - [hypernova](https://github.com/airbnb/hypernova) - A service for server-side rendering your JavaScript views. - - [react-server](https://github.com/redfin/react-server) - React framework with server render for blazing fast page load and seamless transitions between pages in the browser. - - [webpack-isomorphic-tools](https://github.com/halt-hammerzeit/webpack-isomorphic-tools) - Server-side rendering for your Webpack-built applications (e.g. React). - - [isomorphic-relay](https://github.com/denvned/isomorphic-relay) - Adds server side rendering support to React Relay. - - [rill](https://github.com/rill-js/rill) - Universal web application framework. - - [isomorphic-style-loader](https://github.com/kriasoft/isomorphic-style-loader) - Isomorphic CSS style loader for Webpack. - +- [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 and seamless transitions between pages in the browser. +- [rill](https://github.com/rill-js/rill) - Universal web application framework. +- [webpack-isomorphic-tools](https://github.com/halt-hammerzeit/webpack-isomorphic-tools) - Server-side rendering for your Webpack-built applications (e.g. React). ### Boilerplate -*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. - - [redux-cli](https://github.com/SpencerCDixon/redux-cli) - An opinionated CLI for building redux/react apps quicker. - - [reactuate](https://github.com/reactuate/reactuate) - React/Redux stack (not a boilerplate kit). - - [essential-react](https://github.com/pheuter/essential-react) - A minimal skeleton for building testable React apps using Babel. - - [gluestick](https://github.com/TrueCar/gluestick) - GlueStick is a command line interface for quickly developing universal web applications using React and Redux. - - [relay-fullstack](https://github.com/lvarayut/relay-fullstack) - Relay Starter Kit - Integrated with Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS. - - [universal-redux](https://github.com/bdefore/universal-redux) - An npm package that lets you jump right into coding React and Redux with universal (isomorphic) rendering. Only manage Express setups or Webpack configurations if you want to. - - [nwb](https://github.com/insin/nwb) - CLI tool and devDependency for React apps & components and npm modules. - - [react-redux-universal-hot-example](https://github.com/erikras/react-redux-universal-hot-example) - A starter boilerplate for a universal webapp using express, react, redux, webpack, and react-transform. - - [generator-starhackit](https://github.com/FredericHeem/starhackit) - StarHackIt: React/Redux + Node full-stack starter kit with authentication and authorization, data backed by SQL. - - [react-isomorphic-starterkit](https://github.com/RickWong/react-isomorphic-starterkit) - Create an isomorphic React app in less than 5 minutes. - - [generator-react-webpack](https://github.com/react-webpack-generators/generator-react-webpack) - Yeoman generator for ReactJS and Webpack. - - [electron-react-boilerplate](https://github.com/chentsulin/electron-react-boilerplate) - Live editing development on desktop app. - - [reactpack](https://github.com/olahol/reactpack) - Build your react apps with one command and one `npm i`. - - [react-hot-boilerplate](https://github.com/gaearon/react-hot-boilerplate) - Minimal live-editing boilerplate for your next ReactJS project. - - [generator-flux-on-rails](https://github.com/alexfedoseev/generator-flux-on-rails) - Scaffolder of universal Flux / Redux app, backed by Rails API. - - [roc](https://github.com/rocjs/roc) - Modern Application Development Ecosystem. - - [react-redux-starter-kit](https://github.com/davezuko/react-redux-starter-kit) - Get started with React, Redux, and React-Router!. - - [redux-webpack-es6-boilerplate](https://github.com/nicksp/redux-webpack-es6-boilerplate) - A starter project for modern React apps with Redux. - - [react-boilerplate](https://github.com/mxstbr/react-boilerplate) - Quick packager-agnostic boilerplate for React modules using JSX. - +_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. +- [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) - StarHackIt: React/Redux + Node full-stack starter kit with authentication and authorization, data backed by SQL. +- [gluestick](https://github.com/TrueCar/gluestick) - GlueStick is a command line interface for quickly developing universal web applications using React and Redux. +- [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 using express, react, redux, webpack, and react-transform. +- [reactpack](https://github.com/olahol/reactpack) - Build your react apps with one command and one `npm i`. +- [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. +- [redux-webpack-es6-boilerplate](https://github.com/nicksp/redux-webpack-es6-boilerplate) - A starter project for modern React apps with Redux. +- [relay-fullstack](https://github.com/lvarayut/relay-fullstack) - Relay Starter Kit - Integrated with Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS. +- [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 with universal (isomorphic) rendering. Only manage Express setups or Webpack configurations if you want to. ### Miscellaneous - - [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. - - [react-inlinesvg](https://github.com/matthewwithanm/react-inlinesvg) - An SVG loader component for ReactJS. - - [tcomb-react](https://github.com/gcanti/tcomb-react) - Alternative syntax for PropTypes. - - - - - - - - - +- [react-inlinesvg](https://github.com/matthewwithanm/react-inlinesvg) - An SVG loader component for ReactJS. +- [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. ## Utilities - - [react-faux-dom](https://github.com/Olical/react-faux-dom) - DOM like structure that renders to React. - - [react-translate-component](https://github.com/martinandert/react-translate-component) - A component for React that utilizes the Counterpart module to provide multi-lingual/localized text content. - - [qrcode.react](https://github.com/zpao/qrcode.react) - A <QRCode/> component for use with React. - - [react-media](https://github.com/ReactTraining/react-media) - A CSS media query component for React. - - [react-children-utilities](https://github.com/fernandopasik/react-children-utilities) - Extended utils for React.Children. - +- [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-translate-component](https://github.com/martinandert/react-translate-component) - A component for React that utilizes the Counterpart module to provide multi-lingual/localized text content. ### i18n -*Internationalization / L10n / localization / translation* - - - [react-intl](https://github.com/yahoo/react-intl) - Internationalize React apps. This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations. - - [react-i18next](https://github.com/i18next/react-i18next) - Internationalization for react done right. Using the i18next i18n ecosystem. - - [react-translate-maker](https://github.com/CherryProjects/react-translate-maker) - Universal internationalization (i18n) open source library for React. - - [react-globalize](https://github.com/globalizejs/react-globalize) - Bringing the i18n functionality of Globalize, backed by CLDR, to React. +_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. This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations. +- [react-translate-maker](https://github.com/CherryProjects/react-translate-maker) - Universal internationalization (i18n) open source library for React. ### Framework bindings / integrations - - [reactfire](https://github.com/firebase/reactfire) - ReactJS mixin for easy Firebase integration. - - [react-famous](https://github.com/pilwon/react-famous) - React bridge to Famo.us. - - [backbone-react-component](https://github.com/magalhas/backbone-react-component) - A bit of nifty glue that automatically plugs your Backbone models and collections into your React components, on the browser and server. - - [elm-react-component](https://github.com/KtorZ/elm-react-component) - A React component which wraps an Elm module to be used in a React application. - - [react-three-renderer](https://github.com/toxicFork/react-three-renderer) - Render into a three.js canvas using React. - - [gl-react](https://github.com/ProjectSeptemberInc/gl-react) - OpenGL / WebGL bindings for React to implement complex effects over images and content, in the descriptive VDOM paradigm. - - [react-d3-library](https://github.com/react-d3-library/react-d3-library) - Open source library for using D3 in React. - - [gl-react-dom](https://github.com/ProjectSeptemberInc/gl-react-dom) - WebGL bindings for React to implement complex effects over images and content, in the descriptive VDOM paradigm. - - [react-on-rails](https://github.com/shakacode/react_on_rails) - Integration of React + Webpack + Rails to build Universal (Isomorphic) Apps. - - [react-backbone](https://github.com/jhudson8/react-backbone) - Backbone-aware mixins for react and a whole lot more. - - [react-swf](https://github.com/syranide/react-swf) - Shockwave Flash Player component for React. - - [react-localstorage](https://github.com/STRML/react-localstorage) - Simple componentized localstorage implementation for Facebook's React. - - [reactive-elements](https://github.com/PixelsCommander/ReactiveElements) - Allows to use React.js component as HTML element (web component). - - [react-elm-components](https://github.com/evancz/react-elm-components) - Write React components in Elm. - +- [backbone-react-component](https://github.com/magalhas/backbone-react-component) - A bit of nifty glue that automatically plugs your Backbone models and collections into your React components, on the browser and server. +- [elm-react-component](https://github.com/KtorZ/elm-react-component) - A React component which wraps an Elm module to be used in a React application. +- [gl-react-dom](https://github.com/ProjectSeptemberInc/gl-react-dom) - WebGL bindings for React to implement complex effects over images and content, in the descriptive VDOM paradigm. +- [gl-react](https://github.com/ProjectSeptemberInc/gl-react) - OpenGL / WebGL bindings for React to implement complex effects over images and content, in the descriptive VDOM paradigm. +- [react-backbone](https://github.com/jhudson8/react-backbone) - Backbone-aware mixins for react and a whole lot more. +- [react-d3-library](https://github.com/react-d3-library/react-d3-library) - Open source library for using D3 in React. +- [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-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. +- [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). ### Integrations with Third Party Services - - [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. - - [react-google-analytics](https://github.com/hzdg/react-google-analytics) - Google analytics component. - - [react-recaptcha](https://github.com/appleboy/react-recaptcha) - A react.js reCAPTCHA for Google. - - [redux-segment](https://github.com/rangle/redux-segment) - Segment.io analytics integration for redux. - - [react-ga](https://github.com/react-ga/react-ga) - React Google Analytics Module. - - - - - - - - - - - - - +- [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-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. ## Performance ### UI - - [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 by allowing React to short-circuit the reconciliation process. - - [react-canvas](https://github.com/Flipboard/react-canvas) - High performance <canvas> rendering for React components. - - [inferno](https://github.com/trueadm/inferno) - An extremely fast, React-like JavaScript library for building modern user interfaces. +- [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 by allowing React to short-circuit the reconciliation process. #### Inspect - - [why-did-you-update](https://github.com/garbles/why-did-you-update) - Puts your console on blast when React is making unnecessary updates. - - [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. +- [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 - - [react-lazyload](https://github.com/jasonslyvia/react-lazyload) - Lazyload your Component, Image or anything matters the performance. - - [react-infinity](https://github.com/nmn/react-infinity) - A UITableView Inspired list and grid display solution with element culling and smooth animations. - - [react-infinite](https://github.com/seatgeek/react-infinite) - A browser-ready efficient scrolling container based on UITableView. - - [react-infinite-grid](https://github.com/ggordan/react-infinite-grid) - A React component which renders a grid of elements. - - [react-virtualized](https://github.com/bvaughn/react-virtualized) - React components for efficiently rendering large lists and tabular data. - - [react-lazy-load](https://github.com/loktar00/react-lazy-load) - React component that renders children elements when they enter the viewport. +- [react-infinite-grid](https://github.com/ggordan/react-infinite-grid) - A React component which renders a grid of elements. +- [react-infinite](https://github.com/seatgeek/react-infinite) - A browser-ready efficient scrolling container based on UITableView. +- [react-infinity](https://github.com/nmn/react-infinity) - A UITableView Inspired list and grid display solution with element culling and smooth animations. +- [react-lazy-load](https://github.com/loktar00/react-lazy-load) - React component that renders children elements when they enter the viewport. +- [react-lazyload](https://github.com/jasonslyvia/react-lazyload) - Lazyload your Component, Image or anything matters the performance. +- [react-virtualized](https://github.com/bvaughn/react-virtualized) - React components for efficiently rendering large lists and tabular data. ### App Size - - [babel-plugin-transform-react-remove-prop-types](https://github.com/oliviertassinari/babel-plugin-transform-react-remove-prop-types) - Remove unnecessary React propTypes from the production build. - - [react-lite](https://github.com/Lucifier129/react-lite) - An implementation of React that optimizes for small script size. - - - - - - - +- [babel-plugin-transform-react-remove-prop-types](https://github.com/oliviertassinari/babel-plugin-transform-react-remove-prop-types) - Remove unnecessary React propTypes from the production build. +- [react-lite](https://github.com/Lucifier129/react-lite) - An implementation of React that optimizes for small script size. ## Dev Tools ### Test - - [ui-harness](https://github.com/philcockfield/ui-harness) - Create, isolate and test modular UI components in React. - - [redux-test-recorder](https://github.com/conorhastings/redux-test-recorder) - A redux middleware to automatically generate tests for reducers through ui interaction. - - [legit-tests](https://github.com/Legitcode/tests) - Chainable, easy to read, React testing library. - - [unexpected-react](https://github.com/bruderstein/unexpected-react) - Plugin for [unexpected]( to enable testing the full React virtual DOM, and also the shallow renderer. - - [chai-enzyme](https://github.com/producthunt/chai-enzyme) - Chai.js assertions and convenience functions for testing React Components with enzyme. - - [react-unit](https://github.com/pzavolinsky/react-unit) - Lightweight unit test library for ReactJS. - - [enzyme](https://github.com/airbnb/enzyme) - JavaScript Testing utilities for React. - - [redux-ava](https://github.com/sotojuan/redux-ava) - Write AVA tests for redux pretty quickly. - - [carte-blanche](https://github.com/carteb/carte-blanche) - An isolated development space with integrated fuzz testing for your components. See them individually, explore them in different states and quickly and confidently develop them. - - [jest-cli](https://github.com/facebook/jest) - Painless JavaScript Testing. - - +- [carte-blanche](https://github.com/carteb/carte-blanche) - An isolated development space with integrated fuzz testing for your components. See them individually, explore them in different states and quickly and confidently develop them. +- [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. +- [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 - - [redux-devtools-inspector](https://github.com/alexkuz/redux-devtools-inspector) - Another Redux DevTools Monitor. - - [redux-devtools-chart-monitor](https://github.com/romseguy/redux-devtools-chart-monitor) - A chart monitor for Redux DevTools. - - [redux-devtools-dock-monitor](https://github.com/gaearon/redux-devtools-dock-monitor) - A resizable and movable dock for Redux DevTools monitors. - - [redux-devtools-filterable-log-monitor](https://github.com/bvaughn/redux-devtools-filterable-log-monitor) - Filterable tree view monitor for Redux DevTools. - - [redux-devtools-log-monitor](https://github.com/gaearon/redux-devtools-log-monitor) - The default monitor for Redux DevTools with a tree view. - - [remote-redux-devtools](https://github.com/zalmoxisus/remote-redux-devtools) - Redux DevTools remotely. - - [redux-devtools](https://github.com/gaearon/redux-devtools) - DevTools for Redux with hot reloading, action replay, and customizable UI. - - +- [redux-devtools-chart-monitor](https://github.com/romseguy/redux-devtools-chart-monitor) - A chart monitor for Redux DevTools. +- [redux-devtools-dock-monitor](https://github.com/gaearon/redux-devtools-dock-monitor) - A resizable and movable dock for Redux DevTools monitors. +- [redux-devtools-filterable-log-monitor](https://github.com/bvaughn/redux-devtools-filterable-log-monitor) - Filterable tree view monitor for Redux DevTools. +- [redux-devtools-inspector](https://github.com/alexkuz/redux-devtools-inspector) - Another Redux DevTools Monitor. +- [redux-devtools-log-monitor](https://github.com/gaearon/redux-devtools-log-monitor) - The default monitor for Redux DevTools with a tree view. +- [redux-devtools](https://github.com/gaearon/redux-devtools) - DevTools for Redux with hot reloading, action replay, and customizable UI. +- [remote-redux-devtools](https://github.com/zalmoxisus/remote-redux-devtools) - Redux DevTools remotely. ### Inspect - - [react-inspector](https://github.com/xyc/react-inspector) - Power of Browser DevTools inspectors right inside your React app. - - [react-json-inspector](https://github.com/Lapple/react-json-inspector) - React JSON inspector component. - - [reactotron](https://github.com/reactotron/reactotron) - A CLI and OS X app for inspecting your React JS and React Native apps. - - +- [react-inspector](https://github.com/xyc/react-inspector) - Power of Browser DevTools inspectors right inside your React app. +- [react-json-inspector](https://github.com/Lapple/react-json-inspector) - React JSON inspector component. +- [reactotron](https://github.com/reactotron/reactotron) - A CLI and OS X app for inspecting your React JS and React Native apps. ### Miscellaneous - - [react-atellier](https://github.com/scup/atellier) - The smartest way to share interactive components with your team. - - [standard-react](https://github.com/feross/standard) - JavaScript Standard Style Guide. - - [cosmos-js](https://github.com/skidding/cosmos) - DX tool for designing truly encapsulated React components. - - [react-heatpack](https://github.com/insin/react-heatpack) - A 'heatpack' command for quick React development with webpack hot reloading. - - [mighty-react-snippets](https://github.com/nicksp/mighty-react-snippets) - Crafty React and Redux ES6 snippets for Atom Editor. - - [react-styleguidist](https://github.com/sapegin/react-styleguidist) - React style guide generator. - - - - - - - - +- [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-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. ## Miscellaneous - - [structor](https://github.com/ipselon/structor) - An advanced GUI editor for React. - - [react-blessed](https://github.com/Yomguithereal/react-blessed) - A react renderer for blessed. - - [react-komik](https://github.com/sonnylazuardi/react-komik) - ReactJS based comic strip creator using fabric.js canvas rendering. - - [mozaik](https://github.com/plouc/mozaik) - Mozaïk is a tool based on nodejs / react / d3 / stylus to easily craft beautiful dashboards. - - [htmltojsx](https://github.com/reactjs/react-magic) - Automatically AJAXify plain HTML with the power of React. It's magic!. - - [react-bash](https://github.com/zackargyle/react-bash) - A configurable/extendable bash terminal React component. - - [html-to-react-components](https://github.com/roman01la/html-to-react-components) - Extract annotated portions of HTML into React components as separate modules. - - [jsonx](https://github.com/repetere/jsonx) - React JSON Syntax - Construct React elements, JSX and HTML from JSON without transpilers (JSON to React, JSON to JSX and JSON to HTML). +- [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 - Construct React elements, JSX and HTML from JSON without transpilers (JSON to React, JSON to JSX and JSON to HTML). +- [mozaik](https://github.com/plouc/mozaik) - Mozaïk is a tool based on nodejs / react / d3 / stylus to easily craft beautiful dashboards. +- [react-bash](https://github.com/zackargyle/react-bash) - A configurable/extendable bash terminal React component. +- [react-blessed](https://github.com/Yomguithereal/react-blessed) - A react renderer for blessed. +- [react-komik](https://github.com/sonnylazuardi/react-komik) - ReactJS based comic strip creator using fabric.js canvas rendering. +- [structor](https://github.com/ipselon/structor) - An advanced GUI editor for React. ### 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. - - [sitegen](https://github.com/andreypopp/sitegen) - Generate websites by composing React components. +- [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. +- [sitegen](https://github.com/andreypopp/sitegen) - Generate websites by composing React components. From 596aa4015bab1d96fa9312a98ed0efa0b550c001 Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Mon, 27 May 2019 16:35:26 -0700 Subject: [PATCH 018/450] Add react-middle-ellipsis. --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 7806511..705c637 100644 --- a/README.md +++ b/README.md @@ -828,6 +828,7 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [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) - A component for React that utilizes the Counterpart module to provide multi-lingual/localized text content. ### i18n From 9da6bcbdd1402a863043dc2f56b73863975a366e Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Mon, 27 May 2019 16:36:50 -0700 Subject: [PATCH 019/450] Update Material-UI link. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 705c637..e4bad32 100644 --- a/README.md +++ b/README.md @@ -579,7 +579,7 @@ _Set of components + responsive layout system_ #### Material Design -- [material-ui](https://github.com/callemall/material-ui) - React Components that Implement Google's Material Design. +- [material-ui](https://github.com/mui-org/material-ui) - React Components that Implement Google's Material Design. - [react-essence](https://github.com/Evo-Forge/Essence) - Essence - The Essential Material Design Framework. - [react-material](https://github.com/BerkeleyTrue/react-material) - Material design components written with React.js and React Style. - [react-materialize](https://github.com/react-materialize/react-materialize) - Material design for react, powered by materializecss. From 6ab7dd5cf1b066c0631e73a391913e5ff8eda813 Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Mon, 27 May 2019 16:40:01 -0700 Subject: [PATCH 020/450] Add react-compare-image. --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index e4bad32..13d2edb 100644 --- a/README.md +++ b/README.md @@ -299,6 +299,7 @@ _Display time / date / age_ _Display images / photos_ +- [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. From 43cba36bdd0c7f5c8536b613e027d5a387728c59 Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Mon, 27 May 2019 16:41:13 -0700 Subject: [PATCH 021/450] Remove extra spacing. --- README.md | 7 ------- 1 file changed, 7 deletions(-) diff --git a/README.md b/README.md index 13d2edb..890e3df 100644 --- a/README.md +++ b/README.md @@ -99,13 +99,6 @@ - [Miscellaneous](#miscellaneous-4) - [Static Website Generator](#static-website-generator) -<br/> -<br/> -<br/> -<br/> -<br/> -<br/> - ## UI Components ### Table / Data Grid From 9e3ba638dbf50cd0620e9ee425fdaeabbe6221e3 Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Mon, 27 May 2019 16:47:47 -0700 Subject: [PATCH 022/450] Revise contribution approach: PRs from now on. --- README.md | 13 +++++++++++-- contributing.md | 3 --- 2 files changed, 11 insertions(+), 5 deletions(-) delete mode 100644 contributing.md diff --git a/README.md b/README.md index 890e3df..fedbdb7 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,16 @@ # React Components & Libraries -- Know of a great React component not on this list? Please PR. Ideally please also include a direct link to a demo, too. -- Know of a derelict React component that _is_ on this list? Please PR and suggest removals. +- Know of a great React component not on this list? Please PR. + - List the component alphabetically. + - Reference it only once. + - Describe it succinctly, sufficiently, and without flair. + - 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. +- Know of a derelict React component that _is_ on this list? Please PR with removals. + +Here's 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. #### Contents diff --git a/contributing.md b/contributing.md deleted file mode 100644 index 616d3d1..0000000 --- a/contributing.md +++ /dev/null @@ -1,3 +0,0 @@ -* Don't create a pull request to add a library, instead use [devarchy.com/react](https://devarchy.com/react). -* Only create a pull request to change the categorization. -* Open an issue if you are not sure how to change the categorization to fit a library you want to add. From bc641d450beffe15b83e6a3b5435032803f6d19a Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Mon, 27 May 2019 17:02:53 -0700 Subject: [PATCH 023/450] Reduce overly long descriptions so they don't wrap. --- README.md | 87 +++++++++++++++++++++++++++---------------------------- 1 file changed, 43 insertions(+), 44 deletions(-) diff --git a/README.md b/README.md index fedbdb7..918f0cc 100644 --- a/README.md +++ b/README.md @@ -3,7 +3,7 @@ - Know of a great React component not on this list? Please PR. - List the component alphabetically. - Reference it only once. - - Describe it succinctly, sufficiently, and without flair. + - Describe it succinctly, sufficiently, and without flair. (No line wrap in your listing.) - 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. - Know of a derelict React component that _is_ on this list? Please PR with removals. @@ -116,12 +116,12 @@ Here's how your listing should appear: - [autoresponsive-react](https://github.com/xudafeng/autoresponsive-react) - Auto Responsive Layout Library For React. - [essential js 2 grid](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/grids) - The fastest and flexible data grid for react. - [fixed-data-table](https://github.com/facebook/fixed-data-table) - A React table component designed to allow presenting thousands of rows of data. -- [gigatables-react](https://github.com/GigaTables/reactables) - Sorting, pagination/infinite scroll, global/column search, ajax CRUD, keyboard controls, fixed header, 10 languages. +- [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. - [react-bootstrap-table](https://github.com/AllenFang/react-bootstrap-table) - It's a react table for bootstrap. - [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 component built with React, with editors, keyboard navigation, copy & paste, and the like. -- [react-pivot](https://github.com/davidguttman/react-pivot) - React-Pivot is a data-grid component with pivot-table-like functionality for data display, filtering, and exploration. +- [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. @@ -170,7 +170,7 @@ _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 component with a collection of effects and styles using CSS transitions and SVG path animations. +- [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-motion-menu](https://github.com/bokuweb/react-motion-menu) - Motion menu component powered by React Motion. @@ -185,7 +185,7 @@ _Fixed headers / scroll-up headers / sticky elements_ - [react-headroom](https://github.com/KyleAMathews/react-headroom) - Hide your header until you need it. - [react-listview-sticky-header](https://github.com/cht8687/react-listview-sticky-header) - React listview with sticky section header. - [react-sticky-node](https://github.com/visortelle/react-sticky-node) - Sticky react component. -- [react-sticky-state](https://github.com/soenkekluth/react-sticky-state) - React StickyState Component makes native position:sticky statefull and polyfills the missing sticky browser feature. +- [react-sticky-state](https://github.com/soenkekluth/react-sticky-state) - React StickyState makes native `position:sticky` statefull, with polyfills. - [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. @@ -220,7 +220,7 @@ _Loaders / spinners / progress bars — Let the user know that something is load ### Collapse - [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 for elements with variable (and dynamic) height. +- [react-collapse](https://github.com/nkbt/react-collapse) - Component-wrapper for collapse animation with react-motion. ### Chart @@ -273,7 +273,7 @@ _Ways to navigate views_ - [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 file paths, YouTube, SoundCloud and Vimeo. +- [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-video](https://github.com/pedronauck/react-video) - React component to load video from Vimeo or Youtube across any device. - [react-youtube](https://github.com/troybetz/react-youtube) - React.js powered YouTube player component. @@ -295,7 +295,7 @@ _Display time / date / age_ - [react-time](https://github.com/andreypopp/react-time) - Component for React to render relative and/or formatted dates into <time> HTML5 element. - [react-timeago](https://github.com/nmn/react-timeago) - A simple time-ago component for ReactJs. -- [timeago-react](https://github.com/hustcc/timeago-react) - Simple and efficient react component to format date with `*** time ago` statement. eg: '3 hours ago'. +- [timeago-react](https://github.com/hustcc/timeago-react) - Format date with `*** time ago` statement. eg: '3 hours ago'. ### Photo / Image @@ -337,7 +337,7 @@ _Display parsed markdow source_ - [react-blur](https://github.com/javierbyte/react-blur) - React component for blurred backgrounds. - [react-dnr](https://github.com/yongxu/react-DnR) - Dragable and Resizable window build with React.js. - [react-facebook](https://github.com/CherryProjects/react-facebook) - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post. -- [react-file-reader-input](https://github.com/ngokevin/react-file-reader-input) - React file input component for complete control over styling and abstraction from file reading. +- [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!. - [react-json-tree](https://github.com/alexkuz/react-json-tree) - React JSON Viewer Component, Extracted from redux-devtools. @@ -360,7 +360,7 @@ _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-bootstrap-daterangepicker](https://github.com/skratchdot/react-bootstrap-daterangepicker) - A date/time picker for react (using bootstrap). This is a react port of bootstrap-daterangepicker. +- [react-bootstrap-daterangepicker](https://github.com/skratchdot/react-bootstrap-daterangepicker) - A date/time picker for React (using bootstrap). - [react-bootstrap-datetimepicker](https://github.com/quri/react-bootstrap-datetimepicker) - A react.js datetime picker for bootstrap. - [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. @@ -371,7 +371,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-infinite-calendar](https://github.com/clauderic/react-infinite-calendar) - Infinite scrolling date-picker built with React, with localization, themes, keyboard support, and more. +- [react-infinite-calendar](https://github.com/clauderic/react-infinite-calendar) - Infinite scrolling date-picker, with localization, themes, and more. - [react-yearly-calendar](https://github.com/BelkaLab/react-yearly-calendar) - React.js Yearly Calendar Component. #### Input Types @@ -453,10 +453,10 @@ _Let the user select something (e.g. a tag) while typing_ _Let the user define an order on a list_ -- [react-anything-sortable](https://github.com/jasonslyvia/react-anything-sortable) - A ReactJS component that can sort any children with touch support and IE8 compatibility. -- [react-sortable-hoc](https://github.com/clauderic/react-sortable-hoc) - A set of higher-order components to turn any list into an animated, touch-friendly, sortable 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) - Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery. Supports Meteor, AngularJS, React, Polymer, Knockout and any CSS library, e.g. Bootstrap. +- [sortablejs](https://github.com/RubaXa/Sortable) - A JavaScript library for reorderable drag-and-drop lists. #### Rich Text Editor @@ -482,14 +482,14 @@ _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. Resize and crop your uploaded image using a clear user interface. +- [react-avatar-editor](https://github.com/mosch/react-avatar-editor) - Facebook-like, avatar / profile picture component. - [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. #### 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. Markup adheres to Bootstrap 3 form structure. +- [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. @@ -505,7 +505,7 @@ _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. You don't need to learn any propietary syntax. If you know how to use flexbox, you know how to use flexbox-react components. +- [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. @@ -587,7 +587,7 @@ _Set of components + responsive layout system_ - [react-material](https://github.com/BerkeleyTrue/react-material) - Material design components written with React.js and React Style. - [react-materialize](https://github.com/react-materialize/react-materialize) - Material design for react, powered by materializecss. - [react-mdl](https://github.com/tleunen/react-mdl) - React Components for Material Design Lite. -- [react-toolbox](https://github.com/react-toolbox/react-toolbox) - A set of React components implementing Google's Material Design specification with the power of CSS Modules. +- [react-toolbox](https://github.com/react-toolbox/react-toolbox) - A set of React components implementing Google's Material Design. ### Mobile @@ -606,7 +606,7 @@ _Set of components without layout system_ ### Other - [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, using React, Redux, and Material Design. +- [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. ## UI Utilities @@ -619,7 +619,7 @@ _Report computed styles_ _Report when a component becomes visible/hidden_ -- [react-visibility-sensor](https://github.com/joshwnj/react-visibility-sensor) - Sensor component for React that notifies you when it goes in or out of the window viewport. +- [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. #### Measurement Reporter @@ -627,7 +627,7 @@ _Report when a component becomes visible/hidden_ _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 and passes new dimensions down the tree. Based on. +- [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. @@ -666,7 +666,7 @@ _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. Works for both client- and server-side rendering, and has a strict but flexible API. +- [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](https://github.com/nfl/react-helmet) - A document head manager for React. @@ -675,7 +675,7 @@ _Set meta tags, <title>, 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. Useful for any kind of windowing/popover/modals/tooltip application. +- [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. ### Test User Behavior @@ -703,10 +703,10 @@ _Data flow / data management / data stores / components state / data flow_ - [mobx-react](https://github.com/mobxjs/mobx-react) - React bindings for MobX. Create fully reactive components. - [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. Share, manipulate, and replicate application state across any number of components. +- [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. - [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) - Redux higher order reducer + action to reduce actions under a single subscriber notification. +- [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. @@ -750,8 +750,8 @@ _Component properties asynchronously fetched over the network_ - [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) - It allows you to request async data, store them in redux state and connect them to your react component. -- [redux-connect](https://github.com/makeomatic/redux-connect) - Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React. +- [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. ### Communication with server @@ -773,7 +773,7 @@ _Component properties asynchronously fetched over the network_ - [react-css-components](https://github.com/andreypopp/react-css-components) - Define React presentational components with CSS. - [react-css-modules](https://github.com/gajus/react-css-modules) - Seamless mapping of class names to CSS modules inside of React components. - [react-inline-css](https://github.com/RickWong/react-inline-css) - Write CSS inside your React components!. -- [react-look](https://github.com/rofrischmann/react-look) - Advanced & Dynamic Component Styling for React and React Native. Ships with powerful Plugins, Mixins and Developer Tools. +- [react-look](https://github.com/rofrischmann/react-look) - Component styling for React and React Native. - [react-responsive](https://github.com/contra/react-responsive) - Media queries in react for responsive design. - [stilr](https://github.com/kodyl/stilr) - Encapsulated styling for your javascript components with all the power of javascript and CSS combined. - [styled-components](https://github.com/styled-components/styled-components) - Visual primitives for the component age. @@ -789,7 +789,7 @@ _Component properties asynchronously fetched over the network_ - [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 and seamless transitions between pages in the browser. +- [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. - [webpack-isomorphic-tools](https://github.com/halt-hammerzeit/webpack-isomorphic-tools) - Server-side rendering for your Webpack-built applications (e.g. React). @@ -802,21 +802,21 @@ _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-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) - StarHackIt: React/Redux + Node full-stack starter kit with authentication and authorization, data backed by SQL. -- [gluestick](https://github.com/TrueCar/gluestick) - GlueStick is a command line interface for quickly developing universal web applications using React and Redux. +- [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. - [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 using express, react, redux, webpack, and react-transform. +- [react-redux-universal-hot-example](https://github.com/erikras/react-redux-universal-hot-example) - A starter boilerplate for a universal webapp. - [reactpack](https://github.com/olahol/reactpack) - Build your react apps with one command and one `npm i`. - [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. - [redux-webpack-es6-boilerplate](https://github.com/nicksp/redux-webpack-es6-boilerplate) - A starter project for modern React apps with Redux. -- [relay-fullstack](https://github.com/lvarayut/relay-fullstack) - Relay Starter Kit - Integrated with Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS. +- [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 with universal (isomorphic) rendering. Only manage Express setups or Webpack configurations if you want to. +- [universal-redux](https://github.com/bdefore/universal-redux) - An npm package that lets you jump right into coding React and Redux. ### Miscellaneous @@ -832,7 +832,7 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [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) - A component for React that utilizes the Counterpart module to provide multi-lingual/localized text content. +- [react-translate-component](https://github.com/martinandert/react-translate-component) - Multi-lingual/localized text content. ### i18n @@ -840,15 +840,14 @@ _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. This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations. +- [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. ### Framework bindings / integrations -- [backbone-react-component](https://github.com/magalhas/backbone-react-component) - A bit of nifty glue that automatically plugs your Backbone models and collections into your React components, on the browser and server. +- [backbone-react-component](https://github.com/magalhas/backbone-react-component) - A bit of nifty glue that automatically plugs your Backbone models. - [elm-react-component](https://github.com/KtorZ/elm-react-component) - A React component which wraps an Elm module to be used in a React application. -- [gl-react-dom](https://github.com/ProjectSeptemberInc/gl-react-dom) - WebGL bindings for React to implement complex effects over images and content, in the descriptive VDOM paradigm. -- [gl-react](https://github.com/ProjectSeptemberInc/gl-react) - OpenGL / WebGL bindings for React to implement complex effects over images and content, in the descriptive VDOM paradigm. +- [gl-react](https://github.com/ProjectSeptemberInc/gl-react) - OpenGL / WebGL bindings for React to implement complex effects over images and content. - [react-backbone](https://github.com/jhudson8/react-backbone) - Backbone-aware mixins for react and a whole lot more. - [react-d3-library](https://github.com/react-d3-library/react-d3-library) - Open source library for using D3 in React. - [react-elm-components](https://github.com/evancz/react-elm-components) - Write React components in Elm. @@ -875,7 +874,7 @@ _Internationalization / L10n / localization / translation_ - [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 by allowing React to short-circuit the reconciliation process. +- [react-static-container](https://github.com/reactjs/react-static-container) - Renders static content efficiently. #### Inspect @@ -894,14 +893,14 @@ _Internationalization / L10n / localization / translation_ ### App Size -- [babel-plugin-transform-react-remove-prop-types](https://github.com/oliviertassinari/babel-plugin-transform-react-remove-prop-types) - Remove unnecessary React propTypes from the production build. +- [babel-plugin-transform-react-remove-prop-types](https://github.com/oliviertassinari/babel-plugin-transform-react-remove-prop-types) - Remove unnecessary React propTypes. - [react-lite](https://github.com/Lucifier129/react-lite) - An implementation of React that optimizes for small script size. ## Dev Tools ### Test -- [carte-blanche](https://github.com/carteb/carte-blanche) - An isolated development space with integrated fuzz testing for your components. See them individually, explore them in different states and quickly and confidently develop them. +- [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. @@ -941,7 +940,7 @@ _Internationalization / L10n / localization / translation_ - [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 - Construct React elements, JSX and HTML from JSON without transpilers (JSON to React, JSON to JSX and JSON to HTML). +- [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-bash](https://github.com/zackargyle/react-bash) - A configurable/extendable bash terminal React component. - [react-blessed](https://github.com/Yomguithereal/react-blessed) - A react renderer for blessed. From 19991e55f0876c0dfa2d3a26868960710b3e4130 Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Mon, 27 May 2019 17:24:40 -0700 Subject: [PATCH 024/450] Remove dormant, derelict, deprecated up to Tabs section. --- README.md | 11 ----------- 1 file changed, 11 deletions(-) diff --git a/README.md b/README.md index 918f0cc..83380ca 100644 --- a/README.md +++ b/README.md @@ -115,7 +115,6 @@ Here's how your listing should appear: - [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. - [essential js 2 grid](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/grids) - The fastest and flexible data grid for react. -- [fixed-data-table](https://github.com/facebook/fixed-data-table) - A React table component designed to allow presenting thousands of rows of data. - [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. - [react-bootstrap-table](https://github.com/AllenFang/react-bootstrap-table) - It's a react table for bootstrap. @@ -128,9 +127,7 @@ Here's how your listing should appear: ### Infinite Scroll -- [react-infinite-grid](https://github.com/ggordan/react-infinite-grid) - A React component which renders a grid of elements. - [react-infinite](https://github.com/seatgeek/react-infinite) - A browser-ready efficient scrolling container based on UITableView. -- [react-infinity](https://github.com/nmn/react-infinity) - A UITableView Inspired list and grid display solution with element culling and smooth animations. - [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. @@ -142,8 +139,6 @@ _Display overlay / modal / alert / dialog / lightbox / popup_ - [boron](https://github.com/yuanyan/boron) - 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-dock](https://github.com/alexkuz/react-dock) - Resizable dockable react component. -- [react-modal-box](https://github.com/sadiqevani/react-modal-box) - React Modal Box Component. -- [react-modal2](https://github.com/cloudflare/react-modal2) - Simple modal component for React. - [react-modal](https://github.com/reactjs/react-modal) - Accessible modal dialog component for React. - [react-overlays](https://github.com/react-bootstrap/react-overlays) - Utilities for creating robust overlay components. - [react-skylight](https://github.com/marcio/react-skylight) - A react component for modals and dialogs. @@ -156,7 +151,6 @@ _Toaster / snackbar — Notify the user with a modeless temporary little popup_ - [react-crouton](https://github.com/xeodou/react-crouton) - A message component for reactjs. - [react-notification-system](https://github.com/igorprado/react-notification-system) - A complete and totally customizable component for notifications in React. - [react-notification](https://github.com/pburtchaell/react-notification) - Snackbar notifications for React. -- [react-s-alert](https://github.com/juliancwirko/react-s-alert) - Alerts / Notifications for React with rich configuration options. - [reapop](https://github.com/LouisBarranqueiro/reapop) - A React & Redux notifications system. ### Tooltip @@ -173,10 +167,8 @@ _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-motion-menu](https://github.com/bokuweb/react-motion-menu) - Motion menu component powered by React Motion. - [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. -- [react-tree-menu](https://github.com/MandarinConLaBarba/react-tree-menu) - A stateless tree menu component for React. ### Sticky @@ -184,8 +176,6 @@ _Fixed headers / scroll-up headers / sticky elements_ - [react-headroom](https://github.com/KyleAMathews/react-headroom) - Hide your header until you need it. - [react-listview-sticky-header](https://github.com/cht8687/react-listview-sticky-header) - React listview with sticky section header. -- [react-sticky-node](https://github.com/visortelle/react-sticky-node) - Sticky react component. -- [react-sticky-state](https://github.com/soenkekluth/react-sticky-state) - React StickyState makes native `position:sticky` statefull, with polyfills. - [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. @@ -886,7 +876,6 @@ _Internationalization / L10n / localization / translation_ - [react-infinite-grid](https://github.com/ggordan/react-infinite-grid) - A React component which renders a grid of elements. - [react-infinite](https://github.com/seatgeek/react-infinite) - A browser-ready efficient scrolling container based on UITableView. -- [react-infinity](https://github.com/nmn/react-infinity) - A UITableView Inspired list and grid display solution with element culling and smooth animations. - [react-lazy-load](https://github.com/loktar00/react-lazy-load) - React component that renders children elements when they enter the viewport. - [react-lazyload](https://github.com/jasonslyvia/react-lazyload) - Lazyload your Component, Image or anything matters the performance. - [react-virtualized](https://github.com/bvaughn/react-virtualized) - React components for efficiently rendering large lists and tabular data. From 8b387cd87fe5ca25e4983bb95fc44803cfc0cffa Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Mon, 27 May 2019 17:30:25 -0700 Subject: [PATCH 025/450] Remove no longer used. --- .github/pull_request_template.md | 1 - 1 file changed, 1 deletion(-) delete mode 120000 .github/pull_request_template.md diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md deleted file mode 120000 index 4daa8ec..0000000 --- a/.github/pull_request_template.md +++ /dev/null @@ -1 +0,0 @@ -../contributing.md \ No newline at end of file From 9c86fa0cf16c66a469d02cb10ebb56f942957719 Mon Sep 17 00:00:00 2001 From: Anton Fisher <a.fschr@gmail.com> Date: Mon, 27 May 2019 17:34:28 -0700 Subject: [PATCH 026/450] Add "react-simple-timefield" to time pickers Repository: https://github.com/antonfisher/react-simple-timefield --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 83380ca..96fc569 100644 --- a/README.md +++ b/README.md @@ -362,6 +362,7 @@ _Date picker / time picker / datetime picker / date range picker_ - [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-infinite-calendar](https://github.com/clauderic/react-infinite-calendar) - Infinite scrolling date-picker, with localization, themes, and more. +- [react-simple-timefield](https://github.com/antonfisher/react-simple-timefield) - Simple time input field. - [react-yearly-calendar](https://github.com/BelkaLab/react-yearly-calendar) - React.js Yearly Calendar Component. #### Input Types From cd13a38d6ea6a4dd17d36eef67838ea53c0c9bbd Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Mon, 27 May 2019 19:03:55 -0700 Subject: [PATCH 027/450] Remove dormant, deprecated, etc up to Form Components. --- README.md | 14 +++++--------- 1 file changed, 5 insertions(+), 9 deletions(-) diff --git a/README.md b/README.md index 96fc569..1fe2372 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,7 @@ # React Components & Libraries +### Contributing + - Know of a great React component not on this list? Please PR. - List the component alphabetically. - Reference it only once. @@ -8,11 +10,11 @@ - If available, please also include a direct link to a separate docs site. - Know of a derelict React component that _is_ on this list? Please PR with removals. -Here's how your listing should appear: +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. -#### Contents +## Table of Contents - [UI Components](#ui-components) - [Table / Data Grid](#table--data-grid) @@ -181,7 +183,6 @@ _Fixed headers / scroll-up headers / sticky elements_ ### Tabs -- [react-simpletabs](https://github.com/pedronauck/react-simpletabs) - Just a simple tabs component built with React. - [react-tabs](https://github.com/reactjs/react-tabs) - React tabs component. - [react-tabtab](https://github.com/ctxhou/react-tabtab) - React, tabs. @@ -217,7 +218,6 @@ _Loaders / spinners / progress bars — Let the user know that something is load _Display data in charts / graphs / diagrams_ - [chartify](https://github.com/kirillstepkin/chartify) - React.js plugin for building animated draggable and customizable charts. -- [d3-react-squared](https://github.com/bgrsquared/d3-react-squared) - Lightweight event system for (d3) charts and other components for ReactJS. - [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. @@ -233,7 +233,7 @@ _Display data in charts / graphs / diagrams_ - [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/RumbleInc/rumble-js-charts) - React components for building composable and flexible charts. +- [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. ### Tree @@ -257,7 +257,6 @@ _Ways to navigate views_ - [react-custom-scrollbars](https://github.com/malte-wessel/react-custom-scrollbars) - React scrollbars component. - [react-gemini-scrollbar](https://github.com/noeldelgado/react-gemini-scrollbar) - React component for custom overlay-scrollbars with native scrolling mechanism. - [react-scrollbar](https://github.com/souhe/reactScrollbar) - Scrollbar component for React. -- [react-smooth-scrollbar](https://github.com/idiotWu/react-smooth-scrollbar) - React implementation of smooth-scrollbar. ### Audio / Video @@ -274,7 +273,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-googlemaps](https://github.com/pieterv/react-googlemaps) - A declarative React interface to Google Maps. - [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. @@ -331,12 +329,10 @@ _Display parsed markdow source_ - [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!. - [react-json-tree](https://github.com/alexkuz/react-json-tree) - React JSON Viewer Component, Extracted from redux-devtools. -- [react-pagespeed-score](https://github.com/cauealves/react-pagespeed-score) - A React component for display a dial-type chart of PageSpeed Insights. - [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-timesheet](https://github.com/yuanyan/react-timesheet) - Time Sheet Component for React. - [typography](https://github.com/KyleAMathews/typography.js) - A powerful toolkit for building websites with beautiful typography. ### Form Components From e60be9669fbfb343f7db5153d486116ba77b5321 Mon Sep 17 00:00:00 2001 From: Anton Fisher <a.fschr@gmail.com> Date: Mon, 27 May 2019 19:10:32 -0700 Subject: [PATCH 028/450] Add demo link for "react-simple-timefield" --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 1fe2372..c08e125 100644 --- a/README.md +++ b/README.md @@ -358,7 +358,7 @@ _Date picker / time picker / datetime picker / date range picker_ - [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-infinite-calendar](https://github.com/clauderic/react-infinite-calendar) - Infinite scrolling date-picker, with localization, themes, and more. -- [react-simple-timefield](https://github.com/antonfisher/react-simple-timefield) - Simple time input field. +- [react-simple-timefield](https://github.com/antonfisher/react-simple-timefield) - [demo](https://antonfisher.com/react-simple-timefield/) - Simple time input field. - [react-yearly-calendar](https://github.com/BelkaLab/react-yearly-calendar) - React.js Yearly Calendar Component. #### Input Types From 88068cb236a532148e4fff8e685d773f60ae22d7 Mon Sep 17 00:00:00 2001 From: Joseph Smith <JosephSmith127@users.noreply.github.com> Date: Tue, 28 May 2019 16:18:04 +0100 Subject: [PATCH 029/450] Added other libraries - react-color-scroll (misc) - react-avatar-generator (misc) --- README.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/README.md b/README.md index c08e125..7363181 100644 --- a/README.md +++ b/README.md @@ -322,6 +322,9 @@ _Display parsed markdow source_ - [material-color-hash](https://github.com/BelkaLab/material-color-hash) - Hash strings to Material UI colors. - [react-autolink](https://github.com/banyan/react-autolink) - An autolink mixin for React. - [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-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-dnr](https://github.com/yongxu/react-DnR) - Dragable and Resizable window build with React.js. - [react-facebook](https://github.com/CherryProjects/react-facebook) - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post. From 87adbd49e1c6f04a543c4e4b4ebcc05e897728cb Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Tue, 28 May 2019 16:05:16 -0700 Subject: [PATCH 030/450] Upgrade Contributing notes. --- CONTRIBUTING.md | 14 ++++++++++++++ README.md | 20 +++++++------------- 2 files changed, 21 insertions(+), 13 deletions(-) create mode 100644 CONTRIBUTING.md diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md new file mode 100644 index 0000000..8b96e68 --- /dev/null +++ b/CONTRIBUTING.md @@ -0,0 +1,14 @@ +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.) +- 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. + +- _PLEASE ALSO REMOVE ONE (or more) UN-AWESOME COMPONENT IN ANY PR._ We want this list to remain fresh. So when you do ANY PR, please also remove at least 1 un-awesome component. This could be a component that hasn't been updated in a year or more, for example. diff --git a/README.md b/README.md index 7363181..e54d9db 100644 --- a/README.md +++ b/README.md @@ -1,18 +1,13 @@ -# React Components & Libraries +# Absolutely Awesome React Components & Libraries -### Contributing - -- Know of a great React component not on this list? Please PR. - - List the component alphabetically. - - Reference it only once. - - Describe it succinctly, sufficiently, and without flair. (No line wrap in your listing.) - - 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. -- Know of a derelict React component that _is_ on this list? Please PR with removals. +This is NOT a comprehensive listing of every React component. No, it's a list +of AWESOME components. What does "awesome" mean? Well, it means a component +that is recently updated; and that solves a real problem in a unique, +beautiful, or exceptional way. -Here's an example of how your listing should appear: +### Contributing -- [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. +Please review our [contributing guidelines](https://github.com/brillout/awesome-react-components/blob/master/CONTRIBUTING.md). ## Table of Contents @@ -324,7 +319,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-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-dnr](https://github.com/yongxu/react-DnR) - Dragable and Resizable window build with React.js. - [react-facebook](https://github.com/CherryProjects/react-facebook) - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post. From 2a912dee447d45e3a25be3ac6373e77488eebeab Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Tue, 28 May 2019 16:06:59 -0700 Subject: [PATCH 031/450] Upgrade Contributing notes. --- CONTRIBUTING.md | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 8b96e68..9e7b339 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -6,9 +6,12 @@ Please abide by the following: - 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. +- **PLEASE ALSO REMOVE ONE (or more) UN-AWESOME COMPONENT IN ANY PR.** We want + this list to remain fresh. So when you do ANY PR, please also remove at least + 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. - -- _PLEASE ALSO REMOVE ONE (or more) UN-AWESOME COMPONENT IN ANY PR._ We want this list to remain fresh. So when you do ANY PR, please also remove at least 1 un-awesome component. This could be a component that hasn't been updated in a year or more, for example. From cb631ef9243de082bf80d490d6bb639ecb313a92 Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Tue, 28 May 2019 16:14:21 -0700 Subject: [PATCH 032/450] Remove deprecated, no recent updates, etc. --- README.md | 15 +-------------- 1 file changed, 1 insertion(+), 14 deletions(-) diff --git a/README.md b/README.md index e54d9db..a01a79e 100644 --- a/README.md +++ b/README.md @@ -71,7 +71,6 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [Device Input](#device-input) - [Keyboard Events](#keyboard-events) - [Scroll Events](#scroll-events) - - [Touch Events](#touch-events) - [Touch Swipe](#touch-swipe) - [Mouse Events](#mouse-events) - [Meta Tags](#meta-tags) @@ -568,9 +567,7 @@ _Set of components + responsive layout system_ - [material-ui](https://github.com/mui-org/material-ui) - React Components that Implement Google's Material Design. - [react-essence](https://github.com/Evo-Forge/Essence) - Essence - The Essential Material Design Framework. -- [react-material](https://github.com/BerkeleyTrue/react-material) - Material design components written with React.js and React Style. - [react-materialize](https://github.com/react-materialize/react-materialize) - Material design for react, powered by materializecss. -- [react-mdl](https://github.com/tleunen/react-mdl) - React Components for Material Design Lite. - [react-toolbox](https://github.com/react-toolbox/react-toolbox) - A set of React components implementing Google's Material Design. ### Mobile @@ -633,11 +630,6 @@ _Turn user input into actions_ - [react-scroll-components](https://github.com/jeroencoumans/react-scroll-components) - A set of components that react to page scrolling. -#### Touch Events - -- [react-hammerjs](https://github.com/JedWatson/react-hammerjs) - ReactJS / HammerJS integration. Support touch events in your React app. -- [react-tappable](https://github.com/JedWatson/react-tappable) - Tappable component for React. - #### Touch Swipe - [react-swipe](https://github.com/voronianski/react-swipe) - Swipe.js as a React component. @@ -728,7 +720,6 @@ _Data flow / data management / data stores / components state / data flow_ _Component properties asynchronously fetched over the network_ -- [async-props](https://github.com/ryanflorence/async-props) - Co-located data loading for React Router. - [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. @@ -892,7 +883,7 @@ _Internationalization / L10n / localization / translation_ - [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. - [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. +- [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 @@ -925,13 +916,9 @@ _Internationalization / L10n / localization / translation_ - [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. - [mozaik](https://github.com/plouc/mozaik) - Mozaïk is a tool based on nodejs / react / d3 / stylus to easily craft beautiful dashboards. -- [react-bash](https://github.com/zackargyle/react-bash) - A configurable/extendable bash terminal React component. - [react-blessed](https://github.com/Yomguithereal/react-blessed) - A react renderer for blessed. -- [react-komik](https://github.com/sonnylazuardi/react-komik) - ReactJS based comic strip creator using fabric.js canvas rendering. -- [structor](https://github.com/ipselon/structor) - An advanced GUI editor for React. ### 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. -- [sitegen](https://github.com/andreypopp/sitegen) - Generate websites by composing React components. From ed1b5933d8ebb9b9bf32cc74f91ea425cd1907cf Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Tue, 28 May 2019 16:22:02 -0700 Subject: [PATCH 033/450] Remove Bootstrap - no longer awesome. --- README.md | 10 ---------- 1 file changed, 10 deletions(-) diff --git a/README.md b/README.md index a01a79e..104a26d 100644 --- a/README.md +++ b/README.md @@ -59,7 +59,6 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [Parallax](#parallax) - [UI Frameworks](#ui-frameworks) - [Responsive](#responsive) - - [Bootstrap](#bootstrap) - [Material Design](#material-design) - [Mobile](#mobile) - [Component Collections](#component-collections) @@ -113,7 +112,6 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [essential js 2 grid](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/grids) - The fastest and flexible data grid 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. -- [react-bootstrap-table](https://github.com/AllenFang/react-bootstrap-table) - It's a react table for bootstrap. - [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. @@ -136,7 +134,6 @@ _Display overlay / modal / alert / dialog / lightbox / popup_ - [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-overlays](https://github.com/react-bootstrap/react-overlays) - Utilities for creating robust overlay components. - [react-skylight](https://github.com/marcio/react-skylight) - A react component for modals and dialogs. - [rodal](https://github.com/chenjiahan/rodal) - A React modal with animations. @@ -342,8 +339,6 @@ _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-bootstrap-daterangepicker](https://github.com/skratchdot/react-bootstrap-daterangepicker) - A date/time picker for React (using bootstrap). -- [react-bootstrap-datetimepicker](https://github.com/quri/react-bootstrap-datetimepicker) - A react.js datetime picker for bootstrap. - [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-date-select](https://github.com/JedWatson/react-date-select) - A React Date Select / Picker Input Component. @@ -558,11 +553,6 @@ _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. -#### Bootstrap - -- [react-bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap 3 components built with React. -- [reactstrap](https://github.com/reactstrap/reactstrap) - Simple React Bootstrap 4 components. - #### Material Design - [material-ui](https://github.com/mui-org/material-ui) - React Components that Implement Google's Material Design. From 497991a1941cac6a786cb6cf60046a2d30a6a1f7 Mon Sep 17 00:00:00 2001 From: Guilherme Louro <guipclouro@gmail.com> Date: Tue, 28 May 2019 20:57:16 -0300 Subject: [PATCH 034/450] Add Formcat and Remove React Look Add Formcat - lib to works with forms Remove React Look - This repository has been archived by the owner. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 104a26d..eebfe03 100644 --- a/README.md +++ b/README.md @@ -683,6 +683,7 @@ _Data flow / data management / data stores / components state / data flow_ ### Form Logic - [cerebral-module-forms](https://github.com/cerebral/cerebral-module-forms) - A forms handler for Cerebral. +- [formcat](https://github.com/guilouro/formcat) - A simple and easy way to control forms in React using the React Context API - [formsy-react](https://github.com/christianalfoni/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. @@ -738,7 +739,6 @@ _Component properties asynchronously fetched over the network_ - [react-css-components](https://github.com/andreypopp/react-css-components) - Define React presentational components with CSS. - [react-css-modules](https://github.com/gajus/react-css-modules) - Seamless mapping of class names to CSS modules inside of React components. - [react-inline-css](https://github.com/RickWong/react-inline-css) - Write CSS inside your React components!. -- [react-look](https://github.com/rofrischmann/react-look) - Component styling for React and React Native. - [react-responsive](https://github.com/contra/react-responsive) - Media queries in react for responsive design. - [stilr](https://github.com/kodyl/stilr) - Encapsulated styling for your javascript components with all the power of javascript and CSS combined. - [styled-components](https://github.com/styled-components/styled-components) - Visual primitives for the component age. From a2147ee3b310e3f3a1af3bcf5e64393c0477368d Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Tue, 28 May 2019 18:32:08 -0700 Subject: [PATCH 035/450] Toaster updates. --- README.md | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index eebfe03..c8bff91 100644 --- a/README.md +++ b/README.md @@ -1,9 +1,11 @@ # Absolutely Awesome React Components & Libraries This is NOT a comprehensive listing of every React component. No, it's a list -of AWESOME components. What does "awesome" mean? Well, it means a component -that is recently updated; and that solves a real problem in a unique, -beautiful, or exceptional way. +of AWESOME components. What does "awesome" mean? Well, it means something that +solves a real problem in a unique, beautiful, or exceptional way. And it has +recent code commits! + +Look for a 🚀 for truly exceptional projects. ### Contributing @@ -141,9 +143,11 @@ _Display overlay / modal / alert / dialog / lightbox / popup_ _Toaster / snackbar — Notify the user with a modeless temporary little popup_ -- [react-crouton](https://github.com/xeodou/react-crouton) - A message component for reactjs. -- [react-notification-system](https://github.com/igorprado/react-notification-system) - A complete and totally customizable component for notifications in React. +- [react-notifications-component](https://github.com/teodosii/react-notifications-component) - [demo](https://teodosii.github.io/react-notifications-component/) - highly configurable notifications. (Uses refs 🙁) +- [react-notification-system](https://github.com/igorprado/react-notification-system) - A complete and totally customizable component for notifications in React. (Uses refs 🙁) - [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).) - [reapop](https://github.com/LouisBarranqueiro/reapop) - A React & Redux notifications system. ### Tooltip @@ -555,7 +559,7 @@ _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. +- 🚀 [material-ui](https://github.com/mui-org/material-ui) - React Components that Implement Google's Material Design. - [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 8ee57fab2d2d0e6a76c320c64f4ec3c1bfd91689 Mon Sep 17 00:00:00 2001 From: Anmol Mahatpurkar <anmolmahatpurkar@gmail.com> Date: Thu, 30 May 2019 19:38:10 +0530 Subject: [PATCH 036/450] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index c8bff91..10e5fc8 100644 --- a/README.md +++ b/README.md @@ -137,12 +137,12 @@ _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. -- [rodal](https://github.com/chenjiahan/rodal) - A React modal with animations. ### Notification _Toaster / snackbar — Notify the user with a modeless temporary little popup_ +- [cogo-toast](https://githu.com/Cogoport/cogo-toast) - [demo](https://cogoport.github.io/cogo-toast) - [docs](https://cogoport.github.io/cogo-toast) - Plug and play, Toast Messages, with promise support and inbuilt styling, ~3.5K Gzip all inclusive. (No refs / provider needed) - [react-notifications-component](https://github.com/teodosii/react-notifications-component) - [demo](https://teodosii.github.io/react-notifications-component/) - highly configurable notifications. (Uses refs 🙁) - [react-notification-system](https://github.com/igorprado/react-notification-system) - A complete and totally customizable component for notifications in React. (Uses refs 🙁) - [react-notification](https://github.com/pburtchaell/react-notification) - Snackbar notifications for React. From a4b08c00431958404788fea9a7faf8d84d62088c Mon Sep 17 00:00:00 2001 From: Anmol Mahatpurkar <anmolmahatpurkar@gmail.com> Date: Thu, 30 May 2019 19:42:23 +0530 Subject: [PATCH 037/450] Link fix in cogo-toast --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 10e5fc8..be5c9ac 100644 --- a/README.md +++ b/README.md @@ -142,7 +142,7 @@ _Display overlay / modal / alert / dialog / lightbox / popup_ _Toaster / snackbar — Notify the user with a modeless temporary little popup_ -- [cogo-toast](https://githu.com/Cogoport/cogo-toast) - [demo](https://cogoport.github.io/cogo-toast) - [docs](https://cogoport.github.io/cogo-toast) - Plug and play, Toast Messages, with promise support and inbuilt styling, ~3.5K Gzip all inclusive. (No refs / provider needed) +- [cogo-toast](https://github.com/Cogoport/cogo-toast) - [demo](https://cogoport.github.io/cogo-toast) - [docs](https://cogoport.github.io/cogo-toast) - Plug and play, Toast Messages, with promise support and inbuilt styling, ~3.5K Gzip all inclusive. (No refs / provider needed 😊) - [react-notifications-component](https://github.com/teodosii/react-notifications-component) - [demo](https://teodosii.github.io/react-notifications-component/) - highly configurable notifications. (Uses refs 🙁) - [react-notification-system](https://github.com/igorprado/react-notification-system) - A complete and totally customizable component for notifications in React. (Uses refs 🙁) - [react-notification](https://github.com/pburtchaell/react-notification) - Snackbar notifications for React. From 82af2016fca3bbe942d11dc493eda06e8312435f Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Thu, 30 May 2019 21:10:47 -0700 Subject: [PATCH 038/450] More tweaks to README. --- README.md | 23 ++++++++++------------- 1 file changed, 10 insertions(+), 13 deletions(-) diff --git a/README.md b/README.md index be5c9ac..2e37b28 100644 --- a/README.md +++ b/README.md @@ -142,7 +142,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](https://cogoport.github.io/cogo-toast) - [docs](https://cogoport.github.io/cogo-toast) - Plug and play, Toast Messages, with promise support and inbuilt styling, ~3.5K Gzip all inclusive. (No refs / provider needed 😊) +- [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 configurable notifications. (Uses refs 🙁) - [react-notification-system](https://github.com/igorprado/react-notification-system) - A complete and totally customizable component for notifications in React. (Uses refs 🙁) - [react-notification](https://github.com/pburtchaell/react-notification) - Snackbar notifications for React. @@ -543,12 +543,16 @@ _Animate transitions_ _Set of components + responsive layout system_ -- [@blueprintjs/core](https://github.com/palantir/blueprint) - Core styles & components. -- [antd](https://github.com/ant-design/ant-design) - A UI Design Language. +- 🚀 [ant-design](https://github.com/ant-design/ant-design) - [demo/docs](https://ant.design/docs/react/introduce) - A UI Design Language. +- [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. +- [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. +- [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-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. @@ -560,6 +564,7 @@ _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. +- [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. @@ -567,19 +572,13 @@ _Set of components + responsive layout system_ ### Mobile - [antd-mobile](https://github.com/ant-design/ant-design-mobile) - A configurable Mobile UI. -- [onsenui](https://github.com/OnsenUI/OnsenUI) - Hybrid Mobile App UI Framework for iOS and Material Design with Angular and React Components. - [reactionic](https://github.com/reactionic/reactionic) - React Ionic. - [touchstonejs](https://github.com/touchstonejs/touchstonejs) - Mobile App Framework powered by React. ### Component Collections -_Set of components without layout system_ - - [dataminr-react-components](https://github.com/dataminr/react-components) - Collection of reusable React Components and utility functions. -- [react-components](https://github.com/Khan/react-components) - React components used by Khan Academy. - -### Other - +- [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. @@ -740,11 +739,8 @@ _Component properties asynchronously fetched over the network_ - [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-components](https://github.com/andreypopp/react-css-components) - Define React presentational components with CSS. - [react-css-modules](https://github.com/gajus/react-css-modules) - Seamless mapping of class names to CSS modules inside of React components. -- [react-inline-css](https://github.com/RickWong/react-inline-css) - Write CSS inside your React components!. - [react-responsive](https://github.com/contra/react-responsive) - Media queries in react for responsive design. -- [stilr](https://github.com/kodyl/stilr) - Encapsulated styling for your javascript components with all the power of javascript and CSS combined. - [styled-components](https://github.com/styled-components/styled-components) - Visual primitives for the component age. ### HTML Template @@ -891,6 +887,7 @@ _Internationalization / L10n / localization / translation_ ### Inspect +- [fluxguard](https://fluxguard.com) - PROD change monitoring that highlights all DOM + design changes. - [react-inspector](https://github.com/xyc/react-inspector) - Power of Browser DevTools inspectors right inside your React app. - [react-json-inspector](https://github.com/Lapple/react-json-inspector) - React JSON inspector component. - [reactotron](https://github.com/reactotron/reactotron) - A CLI and OS X app for inspecting your React JS and React Native apps. From 67a5ed568a161c24043674e33eaac9e7df76ae64 Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Thu, 30 May 2019 21:17:37 -0700 Subject: [PATCH 039/450] Remove outdated. --- README.md | 9 --------- 1 file changed, 9 deletions(-) diff --git a/README.md b/README.md index 2e37b28..430a87f 100644 --- a/README.md +++ b/README.md @@ -479,7 +479,6 @@ _Image manipulation_ - [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-tabguard](https://github.com/avocode/react-tabguard) - React Tabguard. - [react-upload-gallery](https://github.com/TPMinan/react-upload-gallery) - React for Upload Image Gallery. Drag & Drop, Sortable, Customize. ## UI Layout @@ -492,19 +491,11 @@ _Components to layout the app's UI_ - [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. - [react-flexbox-grid](https://github.com/roylee0704/react-flexbox-grid) - A set of React components implementing flexboxgrid with the power of CSS Modules. -- [react-flexbox](https://github.com/tcoopman/react-flexbox) - React flexbox implementation. - [react-grid-layout](https://github.com/STRML/react-grid-layout) - A draggable and resizable grid layout with responsive breakpoints, for React. -- [react-inline-grid](https://github.com/broucz/react-inline-grid) - Predictable flexbox based grid for React. -- [react-layout-components](https://github.com/rofrischmann/react-layout-components) - Layout Components for React based on Flexbox. - [react-masonry-component](https://github.com/eiriklv/react-masonry-component) - A React.js component for using @desandro's Masonry. -- [react-masonry-mixin](https://github.com/eiriklv/react-masonry-mixin) - A React.js mixin for using @desandro's Masonry. - [react-reflex](https://github.com/leefsmp/Re-Flex) - Flex layout container component for advanced React web applications. -- [react-resizer](https://github.com/avocode/react-resizer) - A React component for resizing HTML elements. - [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. -- [reactwm](https://github.com/stayradiated/reactwm) - A minimal window manager built using React. -- [reflexbox](https://github.com/jxnblk/reflexbox) - React flexbox layout and grid system. -- [rgx](https://github.com/jxnblk/rgx) - React grid system based on minimum and maximum widths. ## UI Animation From 84d3a5c2cdf6b5b417c47ec98edd5344e9cfea43 Mon Sep 17 00:00:00 2001 From: Austin <amcdaniel2@gmail.com> Date: Tue, 4 Jun 2019 10:13:26 -0400 Subject: [PATCH 040/450] Add reaviz chart library --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 430a87f..426a5ea 100644 --- a/README.md +++ b/README.md @@ -230,6 +230,7 @@ _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 ### Tree From 8713add238c189e7f862807aa30804d60f181a72 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?K=C3=A9vin=20Dunglas?= <dunglas@gmail.com> Date: Thu, 6 Jun 2019 10:09:48 +0200 Subject: [PATCH 041/450] Add React ESI --- README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/README.md b/README.md index 426a5ea..8c40174 100644 --- a/README.md +++ b/README.md @@ -852,6 +852,10 @@ _Internationalization / L10n / localization / translation_ - [babel-plugin-transform-react-remove-prop-types](https://github.com/oliviertassinari/babel-plugin-transform-react-remove-prop-types) - Remove unnecessary React propTypes. - [react-lite](https://github.com/Lucifier129/react-lite) - An implementation of React that optimizes for small script size. +### Server-Side Rendering + +- [react-esi - A library to boost SSR performance by exposing React components as Edge Side Includes (ESI) fragments](https://github.com/dunglas/react-esi) + ## Dev Tools ### Test From e1c33cf012e6e1d05d5b2a711aca570cc11151a3 Mon Sep 17 00:00:00 2001 From: IDrissAitHafid <31975500+IDrissAitHafid@users.noreply.github.com> Date: Fri, 7 Jun 2019 15:21:32 +0100 Subject: [PATCH 042/450] add mui-datatables data tables --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 426a5ea..8da40e0 100644 --- a/README.md +++ b/README.md @@ -114,6 +114,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [essential js 2 grid](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/grids) - The fastest and flexible data grid 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. +- [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. - [react-pivot](https://github.com/davidguttman/react-pivot) - Data-grid component with pivot-table-like for data display, filtering, and exploration. From 77fc8737868f4cb2a9d905b15f84fe3b68f66bad Mon Sep 17 00:00:00 2001 From: Joe Attardi <jattardi@gmail.com> Date: Fri, 7 Jun 2019 11:48:54 -0400 Subject: [PATCH 043/450] Add react-snackbar-alert, remove halogen halogen hasn't been updated in over 3 years, so I thought it was a good candidate to remove. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 426a5ea..4a0be80 100644 --- a/README.md +++ b/README.md @@ -149,6 +149,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. - [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).) - [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. ### Tooltip @@ -185,7 +186,6 @@ _Fixed headers / scroll-up headers / sticky elements_ _Loaders / spinners / progress bars — Let the user know that something is loading_ -- [halogen](https://github.com/yuanyan/halogen) - A collection of loading spinners with React.js. - [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. From 9d61a4dd3b5d4976deede249d60d146710cc11e9 Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Fri, 7 Jun 2019 12:42:56 -0700 Subject: [PATCH 044/450] Remove table of contents as it has minimal value. --- README.md | 94 ------------------------------------------------------- 1 file changed, 94 deletions(-) diff --git a/README.md b/README.md index 4a0be80..1a43261 100644 --- a/README.md +++ b/README.md @@ -11,100 +11,6 @@ Look for a 🚀 for truly exceptional projects. Please review our [contributing guidelines](https://github.com/brillout/awesome-react-components/blob/master/CONTRIBUTING.md). -## Table of Contents - -- [UI Components](#ui-components) - - [Table / Data Grid](#table--data-grid) - - [Infinite Scroll](#infinite-scroll) - - [Overlay](#overlay) - - [Notification](#notification) - - [Tooltip](#tooltip) - - [Menu](#menu) - - [Sticky](#sticky) - - [Tabs](#tabs) - - [Loader](#loader) - - [Carousel](#carousel) - - [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) - - [Miscellaneous](#miscellaneous) - - [Form Components](#form-components) - - [Date / Time picker](#date--time-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) - - [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) -- [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) - - [Other](#other) -- [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) -- [Dev Tools](#dev-tools) - - [Test](#test) - - [Redux](#redux) - - [Inspect](#inspect-1) - - [Miscellaneous](#miscellaneous-3) -- [Miscellaneous](#miscellaneous-4) - - [Static Website Generator](#static-website-generator) - ## UI Components ### Table / Data Grid From d9f8bc863eed243651956272bc39cc605c0d60c1 Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Fri, 7 Jun 2019 12:50:15 -0700 Subject: [PATCH 045/450] Rework intro, remove some deprecated. --- README.md | 20 +++++++++++++------- 1 file changed, 13 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index 1a43261..52f4bc8 100644 --- a/README.md +++ b/README.md @@ -1,11 +1,20 @@ # Absolutely Awesome React Components & Libraries This is NOT a comprehensive listing of every React component. No, it's a list -of AWESOME components. What does "awesome" mean? Well, it means something that -solves a real problem in a unique, beautiful, or exceptional way. And it has -recent code commits! +of AWESOME components. What does "awesome" mean? Well: -Look for a 🚀 for truly exceptional projects. +- It solves a real problem +- It does so in a unique, beautiful, or exceptional way +- It has recent code commits! + +Look for a 🚀 for truly exceptional projects. And look for maintainer +commentary in parens after some listings of note. + +Let me know how we can improve this list! + +[@petebray](https://twitter.com/petebray) (current maintainer) +(Shameless plug) of my [React app](https://fluxguard.com) for monitoring +PROD website changes ### Contributing @@ -227,7 +236,6 @@ _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-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-dnr](https://github.com/yongxu/react-DnR) - Dragable and Resizable window build with React.js. - [react-facebook](https://github.com/CherryProjects/react-facebook) - Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post. - [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. @@ -673,10 +681,8 @@ _Scaffold / starter kit / Yeoman generator / stack ensemble / seed_ - [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. -- [reactpack](https://github.com/olahol/reactpack) - Build your react apps with one command and one `npm i`. - [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. -- [redux-webpack-es6-boilerplate](https://github.com/nicksp/redux-webpack-es6-boilerplate) - A starter project for modern React apps with Redux. - [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. From 0aa3f96a4c9baa0ad2252601ca8d286594f56382 Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Fri, 7 Jun 2019 12:58:29 -0700 Subject: [PATCH 046/450] More copy tweaks. --- README.md | 33 ++++++++++++++++----------------- 1 file changed, 16 insertions(+), 17 deletions(-) diff --git a/README.md b/README.md index 52f4bc8..b104cc6 100644 --- a/README.md +++ b/README.md @@ -1,20 +1,19 @@ -# Absolutely Awesome React Components & Libraries +# 🚀 Absolutely Awesome React Components & Libraries -This is NOT a comprehensive listing of every React component. No, it's a list -of AWESOME components. What does "awesome" mean? Well: +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 🧬e exceptional way - It has recent code commits! -Look for a 🚀 for truly exceptional projects. And look for maintainer -commentary in parens after some listings of note. +Look for a 🚀 for truly exceptional 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! -[@petebray](https://twitter.com/petebray) (current maintainer) -(Shameless plug) of my [React app](https://fluxguard.com) for monitoring -PROD website changes +- [@petebray](https://twitter.com/petebray) (current maintainer with a shameless plug of my [React app](https://fluxguard.com) for monitoring + PROD website changes) ### Contributing @@ -57,12 +56,12 @@ _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 😊) -- [react-notifications-component](https://github.com/teodosii/react-notifications-component) - [demo](https://teodosii.github.io/react-notifications-component/) - highly configurable notifications. (Uses refs 🙁) -- [react-notification-system](https://github.com/igorprado/react-notification-system) - A complete and totally customizable component for notifications in React. (Uses refs 🙁) +- [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 configurable notifications. _(Uses refs 🙁)_ +- [react-notification-system](https://github.com/igorprado/react-notification-system) - A complete and totally customizable component for notifications in React. _(Uses refs 🙁)_ - [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. _([But no hooks yet](https://github.com/jossmac/react-toast-notifications/issues/20).)_ - [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. @@ -450,15 +449,15 @@ _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. -- [atlaskit](https://atlaskit.atlassian.com/packages) - Atlassian's official UI library. (Please... no more Jira though 😉) +- [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. -- [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?? 🎨) +- [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. 😬) +- [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?") +- [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-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 c6d191a2102e600b2061c3eeaa2c42cf563b5463 Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Fri, 7 Jun 2019 13:00:17 -0700 Subject: [PATCH 047/450] Typos. --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index b104cc6..c2dfd69 100644 --- a/README.md +++ b/README.md @@ -4,10 +4,10 @@ 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 🧬e exceptional way +- It does so in a 🦄 unique, 🦋 beautiful, or 🏆 exceptional way - It has recent code commits! -Look for a 🚀 for truly exceptional projects. And look for quickie maintainer +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! From 8ca1481b839b55001ea5eadef091ee79221a4278 Mon Sep 17 00:00:00 2001 From: IDrissAitHafid <31975500+IDrissAitHafid@users.noreply.github.com> Date: Sat, 8 Jun 2019 02:29:33 +0100 Subject: [PATCH 048/450] removing ej2-react-grids --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 8da40e0..929ea24 100644 --- a/README.md +++ b/README.md @@ -111,7 +111,6 @@ 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. - [autoresponsive-react](https://github.com/xudafeng/autoresponsive-react) - Auto Responsive Layout Library For React. -- [essential js 2 grid](https://github.com/syncfusion/ej2-react-ui-components/tree/master/components/grids) - The fastest and flexible data grid 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. - [mui-datatables](https://github.com/gregnb/mui-datatables) - Advanced and Pretty Data Tables where everything is customisable. From 4628115265b6ba13a21da46b432638985e8d7f52 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?K=C3=A9vin=20Dunglas?= <dunglas@gmail.com> Date: Sat, 8 Jun 2019 15:00:52 +0200 Subject: [PATCH 049/450] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 8c40174..ff7370a 100644 --- a/README.md +++ b/README.md @@ -854,7 +854,7 @@ _Internationalization / L10n / localization / translation_ ### Server-Side Rendering -- [react-esi - A library to boost SSR performance by exposing React components as Edge Side Includes (ESI) fragments](https://github.com/dunglas/react-esi) +- [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 4d36b45215395c977dbdab8305a71a0018b00985 Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Wed, 12 Jun 2019 12:12:21 -0700 Subject: [PATCH 050/450] Note on bloat. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 0e41970..2586a47 100644 --- a/README.md +++ b/README.md @@ -468,7 +468,7 @@ _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. +- 🚀 [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).) - [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 4b852b66c218c8a016f5a54f41f565de95dd4d90 Mon Sep 17 00:00:00 2001 From: Andrew <andrew.telnov@gmail.com> Date: Fri, 21 Jun 2019 10:32:15 +0300 Subject: [PATCH 051/450] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 2586a47..e332dd0 100644 --- a/README.md +++ b/README.md @@ -599,6 +599,7 @@ _Data flow / data management / data stores / components state / data flow_ - [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. +- [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. From 814406a3d6c55dd63afaf81c503c3fb91fda9d6b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=BB=84=E5=87=AF=E4=BC=A6?= <340443366@qq.com> Date: Fri, 21 Jun 2019 23:51:52 +0800 Subject: [PATCH 052/450] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 2586a47..011c04a 100644 --- a/README.md +++ b/README.md @@ -269,6 +269,7 @@ _Date picker / time picker / datetime picker / date range picker_ - [react-infinite-calendar](https://github.com/clauderic/react-infinite-calendar) - Infinite scrolling date-picker, with localization, themes, and more. - [react-simple-timefield](https://github.com/antonfisher/react-simple-timefield) - [demo](https://antonfisher.com/react-simple-timefield/) - Simple time input field. - [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. #### Input Types From c4c903747f9d7a8acca53d1cfe609bf87312a30e Mon Sep 17 00:00:00 2001 From: James Crowson <crowson.j@gmail.com> Date: Sat, 22 Jun 2019 10:09:24 -0400 Subject: [PATCH 053/450] Added Modali Added modali modal-dialog component to the list of overlay components. --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 4dd3905..312a59e 100644 --- a/README.md +++ b/README.md @@ -47,6 +47,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. +- [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. From c583f9e9084e6bc24899faab23189a31b6f64134 Mon Sep 17 00:00:00 2001 From: Undefined is not defined <human.getEmail@gmail.com> Date: Tue, 25 Jun 2019 14:46:05 +0300 Subject: [PATCH 054/450] Add react-formawesome --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 4dd3905..26016ca 100644 --- a/README.md +++ b/README.md @@ -600,6 +600,7 @@ _Data flow / data management / data stores / components state / data flow_ - [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-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. From 929bdcc70f2efea84e4aeccb4815a0fd900cba6b Mon Sep 17 00:00:00 2001 From: Peter Bray <petertheyeti@gmail.com> Date: Wed, 26 Jun 2019 00:42:55 -0700 Subject: [PATCH 055/450] Remove out-of-date. Add demo link. --- README.md | 11 +---------- 1 file changed, 1 insertion(+), 10 deletions(-) diff --git a/README.md b/README.md index 26016ca..155761c 100644 --- a/README.md +++ b/README.md @@ -163,9 +163,7 @@ _Ways to navigate views_ ### Custom Scrollbar -- [react-custom-scroll](https://github.com/rommguy/react-custom-scroll) - Easily customize the browser scroll bar with native OS scroll behavior. -- [react-custom-scrollbars](https://github.com/malte-wessel/react-custom-scrollbars) - React scrollbars component. -- [react-gemini-scrollbar](https://github.com/noeldelgado/react-gemini-scrollbar) - React component for custom overlay-scrollbars with native scrolling mechanism. +- [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. ### Audio / Video @@ -174,7 +172,6 @@ _Ways to navigate views_ - [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-video](https://github.com/pedronauck/react-video) - React component to load video from Vimeo or Youtube across any device. - [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. @@ -191,7 +188,6 @@ _Ways to navigate views_ _Display time / date / age_ -- [react-time](https://github.com/andreypopp/react-time) - Component for React to render relative and/or formatted dates into <time> HTML5 element. - [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'. @@ -211,8 +207,6 @@ _Display images / photos_ _Display icons / icon set / emojis_ -- [react-emoji-react](https://github.com/conorhastings/react-emoji-react) - A clone of slack emoji reactions in react. -- [react-emoji](https://github.com/banyan/react-emoji) - An emoji mixin for React. - [react-icons](https://github.com/gorangajic/react-icons) - Svg react icons of popular icon packs using ES6 imports. ### Paginator @@ -230,7 +224,6 @@ _Display parsed markdow source_ ### Miscellaneous - [material-color-hash](https://github.com/BelkaLab/material-color-hash) - Hash strings to Material UI colors. -- [react-autolink](https://github.com/banyan/react-autolink) - An autolink mixin for React. - [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-color-scroll](https://github.com/JosephSmith127/react-color-scroll) - Change and blend new colors on the background as you scroll. @@ -259,14 +252,12 @@ _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-date-select](https://github.com/JedWatson/react-date-select) - A React Date Select / Picker Input Component. - [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-infinite-calendar](https://github.com/clauderic/react-infinite-calendar) - Infinite scrolling date-picker, with localization, themes, and more. - [react-simple-timefield](https://github.com/antonfisher/react-simple-timefield) - [demo](https://antonfisher.com/react-simple-timefield/) - Simple time input field. - [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 174f0afca616c231b0a37d933326e97d3bdadfa5 Mon Sep 17 00:00:00 2001 From: Pietro Ghezzi <pietroghezzi.ch@gmail.com> Date: Fri, 28 Jun 2019 11:53:50 +0200 Subject: [PATCH 056/450] Add react-numpad to the list I added react-numpad to the list hoping you find it worthy to be in it. --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index 701723e..8c44479 100644 --- a/README.md +++ b/README.md @@ -262,6 +262,7 @@ _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-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. +- [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. #### Input Types @@ -271,6 +272,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. #### Autocomplete From c7906111ef4f64fafff2cfb81c14a0a90d410c64 Mon Sep 17 00:00:00 2001 From: Pietro Ghezzi <pietroghezzi.ch@gmail.com> Date: Fri, 28 Jun 2019 13:31:14 +0200 Subject: [PATCH 057/450] Update README.md Fix broken link and remove from section Date / Time picker --- README.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/README.md b/README.md index 8c44479..f1ab5b1 100644 --- a/README.md +++ b/README.md @@ -262,7 +262,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-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. -- [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. #### Input Types @@ -272,7 +271,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) - 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. #### Autocomplete From bdd8f2866977c88ee8d8b0bd26da46fee8207262 Mon Sep 17 00:00:00 2001 From: yoloten <40071397+yoloten@users.noreply.github.com> Date: Thu, 4 Jul 2019 20:37:14 +0300 Subject: [PATCH 058/450] react-stack-cards added Collection of stack card effects --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index f1ab5b1..6442369 100644 --- a/README.md +++ b/README.md @@ -481,6 +481,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. ## UI Utilities From f12df1af3e6da9595f0caa06a24e4f6f28d704ab Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=BC=8A=E6=AC=A7?= <langyo.china@gmail.com> Date: Fri, 5 Jul 2019 11:44:53 +0800 Subject: [PATCH 059/450] add a new library react-syntax-highlighter --- README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/README.md b/README.md index 6442369..e3591d4 100644 --- a/README.md +++ b/README.md @@ -389,6 +389,10 @@ _Image manipulation_ - [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 + +- [react-syntax-highlighter](https://github.com/conorhastings/react-syntax-highlighter) - Syntax highlighting component for react with prismjs or highlightjs ast using inline styles. + ## UI Layout _Components to layout the app's UI_ From 7370d5dd5a1d051d48ae20aa77996b2607c3498a Mon Sep 17 00:00:00 2001 From: giladk <koratigilad@gmail.com> Date: Sun, 7 Jul 2019 13:29:08 +0300 Subject: [PATCH 060/450] Add react-scroll-rotate Scroll based element rotation --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index e3591d4..a2538d9 100644 --- a/README.md +++ b/README.md @@ -434,6 +434,7 @@ _Animate transitions_ - [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. +- [react-scroll-rotate](https://github.com/giladk/react-scroll-rotate) - [demo](https://giladk.github.io/react-scroll-rotate/) - Very simple scroll based element rotation ### Parallax From 40f22a18b26b651e72f9ffafc8bca1fde1765be3 Mon Sep 17 00:00:00 2001 From: Arnaud Ambroselli <31724752+arnaudambro@users.noreply.github.com> Date: Sun, 7 Jul 2019 15:29:43 +0200 Subject: [PATCH 061/450] added react-swipe-to-delete-ios - removed react-listview-sticky-header - Added [react-swipe-to-delete-ios](https://arnaudambro.github.io/react-swipe-to-delete-ios) - Removed react-listview-sticky-header --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index a2538d9..399b018 100644 --- a/README.md +++ b/README.md @@ -88,7 +88,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-listview-sticky-header](https://github.com/cht8687/react-listview-sticky-header) - React listview with sticky section header. - [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. @@ -238,6 +237,7 @@ _Display parsed markdow source_ - [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. ### Form Components From 1aa3bacc6caf24f2c59b11c6d353329219d05b50 Mon Sep 17 00:00:00 2001 From: renaesop <njurjs@gmail.com> Date: Tue, 9 Jul 2019 18:11:33 +0800 Subject: [PATCH 062/450] add shineout --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 399b018..289271e 100644 --- a/README.md +++ b/README.md @@ -34,6 +34,7 @@ Please review our [contributing guidelines](https://github.com/brillout/awesome- - [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. ### Infinite Scroll From a5994531dde28665223c1c778120857ebe4cb648 Mon Sep 17 00:00:00 2001 From: Alex <alex.permyakoff@gmail.com> Date: Sun, 14 Jul 2019 18:40:46 +0200 Subject: [PATCH 063/450] add simple-react-notifications Tiny notification library (1kb gzip). --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 289271e..0989750 100644 --- a/README.md +++ b/README.md @@ -66,6 +66,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. _([But no hooks yet](https://github.com/jossmac/react-toast-notifications/issues/20).)_ - [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 React.js notification library (1kb gzip). ### Tooltip From 4ddd1c23aca0c1b294fc14f7e572156cbd1c5da3 Mon Sep 17 00:00:00 2001 From: Alex <alex.permyakoff@gmail.com> Date: Sun, 14 Jul 2019 18:44:51 +0200 Subject: [PATCH 064/450] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 0989750..0cf9a55 100644 --- a/README.md +++ b/README.md @@ -66,7 +66,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. _([But no hooks yet](https://github.com/jossmac/react-toast-notifications/issues/20).)_ - [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 React.js notification library (1kb gzip). +- [simple-react-notifications](https://github.com/alexpermyakov/simple-react-notifications) - [demo](https://alexpermyakov.github.io/simple-react-notifications/) - Tiny notification library (1kb gzip). ### Tooltip From 02863a584749a98a091ddd0e485e580f17e6a50f Mon Sep 17 00:00:00 2001 From: Allan Eagle <allan@allaneagle.com> Date: Mon, 29 Jul 2019 21:39:26 +0100 Subject: [PATCH 065/450] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 0cf9a55..fdad782 100644 --- a/README.md +++ b/README.md @@ -408,6 +408,7 @@ _Components to layout the app's UI_ - [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-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. From 3c48b3bb1aa7a07887c55c360a97f06a6673bbe5 Mon Sep 17 00:00:00 2001 From: Garik Harutyunyan <garik.harutyunyan99@gmail.com> Date: Sun, 4 Aug 2019 02:32:37 +0400 Subject: [PATCH 066/450] react-laravel-paginex --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index fdad782..8032598 100644 --- a/README.md +++ b/README.md @@ -216,6 +216,7 @@ _Display icons / icon set / emojis_ _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). ### Markdown Viewer From 9f1767997d96bc94532c2f973c9305e1b2dfdf56 Mon Sep 17 00:00:00 2001 From: Vjacheslav Trushkin <cyberalien@gmail.com> Date: Thu, 8 Aug 2019 13:04:31 +0300 Subject: [PATCH 067/450] Add iconify-react Iconify is a unified icon framework, using same syntax for all popular icon sets. Very small and fast code for component and icons. No dependencies, no excessive code. Unlike icon fonts that bundle entire fonts, only icons you include are bundled. 50+ icon sets, 40k+ icons. --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 8032598..09bd63e 100644 --- a/README.md +++ b/README.md @@ -209,6 +209,7 @@ _Display images / photos_ _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. ### Paginator From 0d33089626b473e016e2205668b7b8cafa636410 Mon Sep 17 00:00:00 2001 From: Fedor Yakubovich <f.yakubovich@gmail.com> Date: Thu, 8 Aug 2019 15:21:07 +0300 Subject: [PATCH 068/450] Added react-awesome-stars-rating --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 8032598..8a3c34c 100644 --- a/README.md +++ b/README.md @@ -328,6 +328,7 @@ _Let the user select something (e.g. a tag) while typing_ #### Star Rating +- [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. From 0ca926e8f2f529f85cfc944986b091fd1d99bef4 Mon Sep 17 00:00:00 2001 From: realfresh <cpatarun@gmail.com> Date: Mon, 12 Aug 2019 22:43:51 +0800 Subject: [PATCH 069/450] Added react-tag-input --- README.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/README.md b/README.md index 222a05b..f78d3fc 100644 --- a/README.md +++ b/README.md @@ -322,6 +322,12 @@ _Let the user select something (e.g. a tag) while typing_ - [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. +#### Tag Input + +_Let the user create multiple tags in a single input_ + +- [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 + #### Autosize Input / Textarea - [react-input-autosize](https://github.com/JedWatson/react-input-autosize) - Auto-resizing input field for React. From 671fe131f97e24debe6f0091e99bbb76977d9cad Mon Sep 17 00:00:00 2001 From: realfresh <cpatarun@gmail.com> Date: Mon, 12 Aug 2019 22:49:09 +0800 Subject: [PATCH 070/450] Add new Tag Input heading --- README.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index f78d3fc..a25fbf2 100644 --- a/README.md +++ b/README.md @@ -318,15 +318,15 @@ _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. -- [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. #### Tag Input -_Let the user create multiple tags in a single input_ +_Let the user add multiple tags in a single input_ -- [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 +- [@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. #### Autosize Input / Textarea From 366fff6c60dfe8bbfa743f2cc0f2d42165bf8afe Mon Sep 17 00:00:00 2001 From: George Bardi <geobde@gmail.com> Date: Tue, 13 Aug 2019 02:12:33 +0300 Subject: [PATCH 071/450] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index a25fbf2..95feac4 100644 --- a/README.md +++ b/README.md @@ -302,6 +302,7 @@ _Autosuggest / autocomplete / typeahead_ - [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. #### Slider From b393c407c8a718b242e3bacf384f3a12d0fbf7d4 Mon Sep 17 00:00:00 2001 From: George Bardi <geobde@gmail.com> Date: Tue, 13 Aug 2019 19:08:24 +0300 Subject: [PATCH 072/450] 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 7bedc3d6ffb0b36b2ba886cda8619bc1d8fb7864 Mon Sep 17 00:00:00 2001 From: bluepeter <petertheyeti@gmail.com> Date: Tue, 13 Aug 2019 09:12:31 -0700 Subject: [PATCH 073/450] Update CONTRIBUTING.md --- CONTRIBUTING.md | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 9e7b339..18a91fb 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -6,11 +6,15 @@ Please abide by the following: - 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. -- **PLEASE ALSO REMOVE ONE (or more) UN-AWESOME COMPONENT IN ANY PR.** We want - this list to remain fresh. So when you do ANY PR, please also remove at least - 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. + +# REMOVE ONE (or more) UN-AWESOME COMPONENT IN ANY PR. + +This is a requirement for listing! + +We want this list to remain fresh. So when you do ANY PR, please also remove at least +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: From 0d43652889045e00741d80887f1833e11b020bcf Mon Sep 17 00:00:00 2001 From: bluepeter <petertheyeti@gmail.com> Date: Tue, 13 Aug 2019 09:12:50 -0700 Subject: [PATCH 074/450] Update CONTRIBUTING.md --- CONTRIBUTING.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 18a91fb..031a5c9 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -7,7 +7,7 @@ Please abide by the following: - If available, please also include a direct link to a separate docs site. - Don't mention "React" in the description. -# REMOVE ONE (or more) UN-AWESOME COMPONENT IN ANY PR. +# TO ADD A LISTING, YOU MUST REMOVE ONE (or more) UN-AWESOME COMPONENT IN ANY PR. This is a requirement for listing! From d130e046fcf37f278ad5c8a643f7976a97c05965 Mon Sep 17 00:00:00 2001 From: Sivailango <sivailango.s@gmail.com> Date: Wed, 14 Aug 2019 22:39:08 +0530 Subject: [PATCH 075/450] Added Formik --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 95feac4..3ac6cde 100644 --- a/README.md +++ b/README.md @@ -605,6 +605,7 @@ _Data flow / data management / data stores / components state / data flow_ - [cerebral-module-forms](https://github.com/cerebral/cerebral-module-forms) - A forms handler for Cerebral. - [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, supports Validation in ease - [formsy-react](https://github.com/christianalfoni/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. From 45d267d08bfa863f53f921af817d75d14a160763 Mon Sep 17 00:00:00 2001 From: Sivailango <sivailango.s@gmail.com> Date: Thu, 15 Aug 2019 09:06:43 +0530 Subject: [PATCH 076/450] Removed cerebral-module-forms component --- README.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/README.md b/README.md index 3ac6cde..fb4c738 100644 --- a/README.md +++ b/README.md @@ -603,9 +603,8 @@ _Data flow / data management / data stores / components state / data flow_ ### Form Logic -- [cerebral-module-forms](https://github.com/cerebral/cerebral-module-forms) - A forms handler for Cerebral. - [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, supports Validation in ease +- [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. - [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. From 0cabbcb481e3586b627e757be5ac16abd4a16626 Mon Sep 17 00:00:00 2001 From: Marko Kosir <kosir.mar@gmail.com> Date: Wed, 21 Aug 2019 12:33:24 +0200 Subject: [PATCH 077/450] add react-parallax-tilt --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index fb4c738..97e1e5c 100644 --- a/README.md +++ b/README.md @@ -451,8 +451,8 @@ _Animate transitions_ ### Parallax -- [react-atv-img](https://github.com/keyanzhang/react-atv-img) - A port of @drewwilson’s atvImg (Apple TV 3D parallax effect) library in React. - [react-parallax-component](https://github.com/keske/react-parallax-component) - Easiest way to add scroll parallax effect on the component. +- [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 68d503277703a78e90b2f8392b9b0f669d1a934d Mon Sep 17 00:00:00 2001 From: Rares Mardare <40542072+teodosii@users.noreply.github.com> Date: Sun, 25 Aug 2019 11:41:26 +0300 Subject: [PATCH 078/450] Updated react-notifications-component --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 97e1e5c..9657802 100644 --- a/README.md +++ b/README.md @@ -59,7 +59,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 😊)_ -- [react-notifications-component](https://github.com/teodosii/react-notifications-component) - [demo](https://teodosii.github.io/react-notifications-component/) - highly configurable notifications. _(Uses refs 🙁)_ +- [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 🙁)_ - [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. From ed600a083a959869044eda6306e8d3ae48d9e4a6 Mon Sep 17 00:00:00 2001 From: David Yan <yandavid@users.noreply.github.com> Date: Wed, 28 Aug 2019 06:09:46 -0700 Subject: [PATCH 079/450] 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 080/450] 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 <fanahova@gmail.com> Date: Thu, 12 Sep 2019 14:21:12 -0400 Subject: [PATCH 081/450] 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 <simonguo.2009@gmail.com> Date: Sat, 14 Sep 2019 09:53:55 +0800 Subject: [PATCH 082/450] 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 <simonguo.2009@gmail.com> Date: Sat, 14 Sep 2019 10:01:57 +0800 Subject: [PATCH 083/450] 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 084/450] 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 <mail@toni.io> Date: Tue, 17 Sep 2019 10:46:46 +0200 Subject: [PATCH 085/450] 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 086/450] 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 087/450] 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 <olivier.tassinari@gmail.com> Date: Sun, 29 Sep 2019 20:20:42 +0200 Subject: [PATCH 088/450] 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 <gergelyke@users.noreply.github.com> Date: Tue, 1 Oct 2019 11:35:51 -0700 Subject: [PATCH 089/450] 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 <nate@devereux.dev> Date: Fri, 4 Oct 2019 21:57:34 +1300 Subject: [PATCH 090/450] 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 <chenyueban@qq.com> Date: Sat, 5 Oct 2019 12:51:31 +0800 Subject: [PATCH 091/450] 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 <kenneth@jotform.com> Date: Thu, 10 Oct 2019 08:36:52 +0800 Subject: [PATCH 092/450] 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 <bluebill1049@hotmail.com> Date: Thu, 10 Oct 2019 22:20:58 +1100 Subject: [PATCH 093/450] 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 <bluebill1049@hotmail.com> Date: Fri, 11 Oct 2019 07:48:10 +1100 Subject: [PATCH 094/450] 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?= <salvoravida@gmail.com> Date: Fri, 11 Oct 2019 02:25:50 +0200 Subject: [PATCH 095/450] 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?= <salvoravida@gmail.com> Date: Fri, 11 Oct 2019 11:28:26 +0200 Subject: [PATCH 096/450] 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 <kosir.mar@gmail.com> Date: Fri, 11 Oct 2019 21:53:55 +0200 Subject: [PATCH 097/450] 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 <lukas.r@hotmail.com> Date: Fri, 11 Oct 2019 17:49:59 -0300 Subject: [PATCH 098/450] 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 <lukas.r@hotmail.com> Date: Fri, 11 Oct 2019 17:50:52 -0300 Subject: [PATCH 099/450] 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 <yo@ndo.dev> Date: Sun, 13 Oct 2019 18:53:21 +0200 Subject: [PATCH 100/450] 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?= <mmiszy@users.noreply.github.com> Date: Thu, 17 Oct 2019 16:44:05 +0200 Subject: [PATCH 101/450] 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 <francesco.fortunati@nautes.com> Date: Fri, 18 Oct 2019 17:51:55 +0200 Subject: [PATCH 102/450] 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?= <luksari23@gmail.com> Date: Sat, 19 Oct 2019 14:05:54 +0200 Subject: [PATCH 103/450] 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 <jonatanwitoszek@gmail.com> Date: Mon, 21 Oct 2019 22:52:44 +0200 Subject: [PATCH 104/450] 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 <github.com@brillout.com> Date: Wed, 23 Oct 2019 15:06:43 +0200 Subject: [PATCH 105/450] 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 <github.com@brillout.com> Date: Fri, 25 Oct 2019 15:20:18 +0200 Subject: [PATCH 106/450] 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 <smakazmi@gmail.com> Date: Sat, 26 Oct 2019 01:28:37 +0500 Subject: [PATCH 107/450] 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 <sudheej@live.com> Date: Sun, 3 Nov 2019 19:16:44 -0500 Subject: [PATCH 108/450] 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 <rafael@caferati.me> Date: Thu, 7 Nov 2019 13:51:28 -0300 Subject: [PATCH 109/450] 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 <rafael@caferati.me> Date: Thu, 7 Nov 2019 14:15:41 -0300 Subject: [PATCH 110/450] 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 <rafael@caferati.me> Date: Thu, 7 Nov 2019 14:16:39 -0300 Subject: [PATCH 111/450] 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 <jl-@users.noreply.github.com> Date: Tue, 12 Nov 2019 17:50:59 +0800 Subject: [PATCH 112/450] 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 <github.com@brillout.com> Date: Mon, 18 Nov 2019 14:39:53 +0100 Subject: [PATCH 113/450] 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 <github.com@brillout.com> Date: Mon, 18 Nov 2019 14:40:43 +0100 Subject: [PATCH 114/450] 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 115/450] 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 116/450] 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?= <andrelucas01@hotmail.com> Date: Sat, 23 Nov 2019 22:26:57 -0300 Subject: [PATCH 117/450] 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?= <andrelucas01@hotmail.com> Date: Sun, 24 Nov 2019 06:24:06 -0300 Subject: [PATCH 118/450] 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 <ukrbublik@gmail.com> Date: Fri, 29 Nov 2019 01:34:46 +0200 Subject: [PATCH 119/450] 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 <ukrbublik@gmail.com> Date: Fri, 29 Nov 2019 01:39:08 +0200 Subject: [PATCH 120/450] 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 <ukrbublik@gmail.com> Date: Fri, 29 Nov 2019 01:49:55 +0200 Subject: [PATCH 121/450] 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?= <zhoujunhui@supcon.com> Date: Sat, 7 Dec 2019 11:19:24 +0800 Subject: [PATCH 122/450] 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 123/450] 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 124/450] 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 <sanrkom@gmail.com> Date: Sun, 15 Dec 2019 22:32:16 +0100 Subject: [PATCH 125/450] 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 <sarons@users.noreply.github.com> Date: Mon, 16 Dec 2019 15:49:00 +0530 Subject: [PATCH 126/450] 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 <foolproofnoah@gmail.com> Date: Mon, 23 Dec 2019 09:13:15 -0800 Subject: [PATCH 127/450] 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 <techieshark@gmail.com> Date: Fri, 27 Dec 2019 09:47:57 +1100 Subject: [PATCH 128/450] 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 <mberneti@live.com> Date: Sat, 28 Dec 2019 21:09:10 +0330 Subject: [PATCH 129/450] 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 <kosir.mar@gmail.com> Date: Wed, 1 Jan 2020 10:12:40 +0100 Subject: [PATCH 130/450] 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 <kosir.mar@gmail.com> Date: Wed, 1 Jan 2020 10:16:22 +0100 Subject: [PATCH 131/450] 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 <sarons@users.noreply.github.com> Date: Fri, 3 Jan 2020 16:14:30 +0530 Subject: [PATCH 132/450] 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 <imaykin.aleksandr@gmail.com> Date: Thu, 9 Jan 2020 11:58:27 +0300 Subject: [PATCH 133/450] 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 <imaykin.aleksandr@gmail.com> Date: Thu, 9 Jan 2020 12:01:13 +0300 Subject: [PATCH 134/450] 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 <milesj@users.noreply.github.com> Date: Thu, 9 Jan 2020 14:07:09 -0800 Subject: [PATCH 135/450] 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 <ValentinH@users.noreply.github.com> Date: Fri, 10 Jan 2020 09:51:21 +0100 Subject: [PATCH 136/450] 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 <bakhvalov.andrey@gmail.com> Date: Wed, 15 Jan 2020 15:00:04 +0300 Subject: [PATCH 137/450] 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 <ddascalescu+github@gmail.com> Date: Wed, 15 Jan 2020 18:20:26 -0300 Subject: [PATCH 138/450] 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 <ddascalescu+github@gmail.com> Date: Wed, 15 Jan 2020 18:31:08 -0300 Subject: [PATCH 139/450] 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 <ddascalescu+github@gmail.com> Date: Wed, 15 Jan 2020 18:53:00 -0300 Subject: [PATCH 140/450] 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 <ddascalescu+github@gmail.com> Date: Wed, 15 Jan 2020 20:20:47 -0300 Subject: [PATCH 141/450] 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 <ddascalescu+github@gmail.com> Date: Thu, 16 Jan 2020 00:13:10 -0300 Subject: [PATCH 142/450] 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 <ddascalescu+github@gmail.com> Date: Thu, 16 Jan 2020 00:29:11 -0300 Subject: [PATCH 143/450] 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 <ddascalescu+github@gmail.com> Date: Thu, 16 Jan 2020 00:47:47 -0300 Subject: [PATCH 144/450] 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?= <wiolem@hotmail.com> Date: Thu, 16 Jan 2020 14:29:04 +0800 Subject: [PATCH 145/450] 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?= <wiolem@hotmail.com> Date: Thu, 16 Jan 2020 15:26:11 +0800 Subject: [PATCH 146/450] 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 <paololongo.git@gmail.com> Date: Fri, 17 Jan 2020 09:38:10 +0100 Subject: [PATCH 147/450] 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 <bakhvalov.andrey@gmail.com> Date: Mon, 20 Jan 2020 13:32:46 +0300 Subject: [PATCH 148/450] 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?= <josemanuel@jmlweb.es> Date: Mon, 20 Jan 2020 17:36:14 +0100 Subject: [PATCH 149/450] 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?= <hernan124@gmail.com> Date: Wed, 22 Jan 2020 14:11:18 -0300 Subject: [PATCH 150/450] 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 <pram@attale.com> Date: Thu, 23 Jan 2020 19:10:03 +0000 Subject: [PATCH 151/450] 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 <cagatay.civici@gmail.com> Date: Fri, 24 Jan 2020 16:58:59 +0300 Subject: [PATCH 152/450] 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 <petertheyeti@gmail.com> Date: Fri, 24 Jan 2020 10:45:00 -0800 Subject: [PATCH 153/450] 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 <petertheyeti@gmail.com> Date: Fri, 24 Jan 2020 10:45:12 -0800 Subject: [PATCH 154/450] 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 @@ -<svg width="600" height="600" xmlns="http://www.w3.org/2000/svg"> - <g> - <title>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 155/450] 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 156/450] 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 157/450] 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 158/450] 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 159/450] 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 160/450] 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 161/450] 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 162/450] 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 163/450] 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 164/450] 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 165/450] -- 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 166/450] 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 167/450] 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 168/450] 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 169/450] 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 170/450] 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 171/450] 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 172/450] 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 173/450] 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 174/450] 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 175/450] 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 176/450] 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 177/450] 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 178/450] 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 179/450] 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 180/450] 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 181/450] 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 182/450] 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 183/450] 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 184/450] 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 185/450] 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 186/450] 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 187/450] 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 188/450] 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 189/450] 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 190/450] 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 191/450] 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 192/450] 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 193/450] 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 194/450] 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 195/450] 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 196/450] 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 197/450] 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 198/450] 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 199/450] 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 200/450] 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 201/450] 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 202/450] 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 203/450] 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 204/450] 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 205/450] 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 206/450] 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 207/450] 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 208/450] 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 209/450] 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 210/450] 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 211/450] 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 212/450] 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 213/450] 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 214/450] 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 215/450] =?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 216/450] 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 217/450] 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 218/450] 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 219/450] 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 220/450] 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 221/450] 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 222/450] 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 223/450] 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 224/450] 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 225/450] 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 226/450] 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 227/450] 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 228/450] 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 229/450] 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 230/450] 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 231/450] 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 232/450] :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 233/450] 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 234/450] 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 235/450] 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 236/450] 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 237/450] 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 238/450] 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 239/450] 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 240/450] 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 241/450] 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 242/450] 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 243/450] 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 244/450] 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 245/450] 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 246/450] 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 247/450] 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 248/450] 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 249/450] 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 250/450] 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 251/450] 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 252/450] 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 253/450] 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 254/450] 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 255/450] 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 256/450] 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 257/450] 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 258/450] 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 259/450] 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 260/450] 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 261/450] 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 262/450] 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 263/450] 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 264/450] 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 265/450] 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 266/450] 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 267/450] 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 268/450] 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 269/450] 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 270/450] 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 271/450] 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 272/450] 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 273/450] 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 274/450] 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 275/450] 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 276/450] 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 277/450] 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 278/450] 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 279/450] 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 280/450] 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 281/450] 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 282/450] 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 283/450] 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 284/450] 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 285/450] 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 286/450] 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 287/450] =?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 288/450] 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 289/450] 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 290/450] 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 291/450] 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 292/450] 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 293/450] 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 294/450] 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 295/450] 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 296/450] 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 297/450] 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 298/450] 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 299/450] 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 300/450] 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 301/450] 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 302/450] 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 303/450] 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 304/450] 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 305/450] 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 306/450] 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 307/450] 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 308/450] 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 309/450] 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 310/450] 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 311/450] 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 312/450] 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 313/450] 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 314/450] 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 315/450] 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 316/450] 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 317/450] 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 318/450] 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 319/450] 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 320/450] 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 321/450] 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 322/450] 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 323/450] 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 324/450] 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 325/450] 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 326/450] 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 327/450] 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 328/450] 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 329/450] 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 330/450] 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 331/450] 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 332/450] 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 333/450] 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 334/450] 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 335/450] 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 336/450] 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 337/450] 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 338/450] 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 339/450] 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 340/450] 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 341/450] 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 342/450] 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 343/450] 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 344/450] 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 345/450] 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 346/450] 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 347/450] 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 348/450] 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 349/450] 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 350/450] 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 351/450] 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 352/450] 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 353/450] 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 354/450] 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 355/450] 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 356/450] 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 357/450] 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 358/450] 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 359/450] 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 360/450] 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 361/450] 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 362/450] 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 363/450] 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 364/450] 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 365/450] 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 366/450] 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 367/450] 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 368/450] 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 369/450] 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 370/450] 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 371/450] 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 372/450] 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 373/450] 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 374/450] 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 375/450] 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 376/450] 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 377/450] 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 378/450] 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 379/450] 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 380/450] 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 381/450] 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 382/450] 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 383/450] 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 384/450] [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 385/450] 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 386/450] 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 387/450] 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 388/450] 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 389/450] 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 390/450] 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 391/450] 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 392/450] 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 393/450] 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 394/450] 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 395/450] 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 396/450] 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 397/450] 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 398/450] 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 399/450] 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 400/450] 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 401/450] 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 402/450] 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 403/450] 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 404/450] 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 405/450] 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 406/450] 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 407/450] 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 408/450] 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 409/450] 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 410/450] 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 411/450] 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 412/450] 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 413/450] 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 414/450] 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 415/450] 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 416/450] 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 417/450] 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 418/450] 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 419/450] 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 420/450] 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 421/450] 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 422/450] 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 423/450] 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 424/450] 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 425/450] 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 426/450] 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 427/450] 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 428/450] 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 429/450] 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 430/450] 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 431/450] 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 432/450] 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 433/450] 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 434/450] 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 435/450] 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 436/450] 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 437/450] 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 438/450] 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 439/450] 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 440/450] 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 441/450] 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 442/450] 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 443/450] 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 444/450] 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 445/450] 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 446/450] 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 447/450] 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 448/450] 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 449/450] 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 450/450] 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