From 710f7f3338b8585f13c586c5bb76b98df3e29735 Mon Sep 17 00:00:00 2001 From: whincwu Date: Wed, 16 Mar 2022 11:43:46 +0800 Subject: [PATCH 001/112] 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 Date: Sat, 19 Mar 2022 10:24:33 -0500 Subject: [PATCH 002/112] 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 Date: Tue, 29 Mar 2022 18:42:42 +0800 Subject: [PATCH 003/112] 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 Date: Fri, 1 Apr 2022 02:58:24 -0300 Subject: [PATCH 004/112] 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 Date: Wed, 6 Apr 2022 09:44:09 +0800 Subject: [PATCH 005/112] 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 Date: Thu, 7 Apr 2022 11:04:08 +0200 Subject: [PATCH 006/112] 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 Date: Thu, 7 Apr 2022 11:40:23 +0200 Subject: [PATCH 007/112] 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 Date: Thu, 7 Apr 2022 20:38:07 +0200 Subject: [PATCH 008/112] 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 009/112] 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 Date: Sat, 16 Apr 2022 12:23:22 +0200 Subject: [PATCH 010/112] 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 Date: Sat, 16 Apr 2022 12:25:10 +0200 Subject: [PATCH 011/112] 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 Date: Wed, 11 May 2022 21:59:49 -0700 Subject: [PATCH 012/112] 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 Date: Thu, 19 May 2022 11:06:10 -0500 Subject: [PATCH 013/112] 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 Date: Thu, 19 May 2022 11:07:50 -0500 Subject: [PATCH 014/112] 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 Date: Thu, 19 May 2022 11:09:28 -0500 Subject: [PATCH 015/112] 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 016/112] 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 Date: Wed, 22 Jun 2022 13:01:57 +0200 Subject: [PATCH 017/112] 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 018/112] 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 019/112] 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 Date: Mon, 11 Jul 2022 23:23:32 +0300 Subject: [PATCH 020/112] 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 Date: Wed, 13 Jul 2022 14:13:08 +0800 Subject: [PATCH 021/112] 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 Date: Wed, 13 Jul 2022 20:33:09 +0200 Subject: [PATCH 022/112] 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 Date: Wed, 13 Jul 2022 20:37:15 +0200 Subject: [PATCH 023/112] 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 Date: Thu, 14 Jul 2022 14:51:21 +0800 Subject: [PATCH 024/112] 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 025/112] 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?= Date: Thu, 14 Jul 2022 09:50:00 +0200 Subject: [PATCH 026/112] 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?= Date: Thu, 14 Jul 2022 09:52:59 +0200 Subject: [PATCH 027/112] 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?= Date: Thu, 14 Jul 2022 09:54:53 +0200 Subject: [PATCH 028/112] 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?= Date: Thu, 14 Jul 2022 11:39:51 +0200 Subject: [PATCH 029/112] Fix AG Grid link Co-authored-by: Olivier Tassinari --- 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 Date: Fri, 15 Jul 2022 01:57:19 +0800 Subject: [PATCH 030/112] 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 Date: Fri, 15 Jul 2022 02:02:06 +0800 Subject: [PATCH 031/112] 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 Date: Thu, 14 Jul 2022 23:13:09 +0100 Subject: [PATCH 032/112] 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 Date: Sat, 16 Jul 2022 20:18:06 +0200 Subject: [PATCH 033/112] 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 034/112] 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 Date: Fri, 22 Jul 2022 00:03:31 +0400 Subject: [PATCH 035/112] 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 Date: Mon, 25 Jul 2022 14:22:21 +0300 Subject: [PATCH 036/112] 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 Date: Thu, 4 Aug 2022 12:51:42 +0200 Subject: [PATCH 037/112] 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 Date: Thu, 4 Aug 2022 17:13:32 +0200 Subject: [PATCH 038/112] 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 Date: Fri, 5 Aug 2022 12:07:23 -0600 Subject: [PATCH 039/112] 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 Date: Mon, 8 Aug 2022 22:40:32 -0300 Subject: [PATCH 040/112] 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 Date: Sun, 25 Sep 2022 01:09:44 +0300 Subject: [PATCH 041/112] 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 Date: Sun, 9 Oct 2022 09:28:08 -0500 Subject: [PATCH 042/112] 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 Date: Thu, 27 Oct 2022 16:43:27 -0700 Subject: [PATCH 043/112] 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 Date: Thu, 3 Nov 2022 12:33:36 -0700 Subject: [PATCH 044/112] 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 Date: Sun, 20 Nov 2022 15:47:59 +0700 Subject: [PATCH 045/112] 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 Date: Tue, 13 Dec 2022 21:12:08 +0530 Subject: [PATCH 046/112] [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?= Date: Fri, 23 Dec 2022 13:27:28 +0200 Subject: [PATCH 047/112] 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 Date: Wed, 11 Jan 2023 19:50:43 +0700 Subject: [PATCH 048/112] 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 049/112] 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 050/112] 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 051/112] 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 052/112] 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 Date: Tue, 31 Jan 2023 11:50:26 +0100 Subject: [PATCH 053/112] 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 Date: Wed, 22 Feb 2023 11:37:04 +0000 Subject: [PATCH 054/112] 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 Date: Wed, 22 Feb 2023 11:38:06 +0000 Subject: [PATCH 055/112] 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 Date: Wed, 22 Feb 2023 11:44:04 +0000 Subject: [PATCH 056/112] 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- + ## 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 Date: Wed, 22 Feb 2023 11:51:25 +0000 Subject: [PATCH 057/112] 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) @@ -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 Date: Wed, 22 Feb 2023 11:58:11 +0000 Subject: [PATCH 058/112] 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) From 12e065307d14f0cc2bbdbcc0e47dbc12779322c7 Mon Sep 17 00:00:00 2001 From: Moishi Netzer Date: Wed, 22 Feb 2023 12:06:19 +0000 Subject: [PATCH 059/112] 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 Date: Wed, 22 Feb 2023 16:34:08 +0000 Subject: [PATCH 060/112] 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- - ## Table of Contents - [UI Components](#ui-components) From 8962a1b6371ee14f446a3b05d3dff51f29a493ee Mon Sep 17 00:00:00 2001 From: Vasanth Developer Date: Fri, 24 Feb 2023 19:04:53 +0530 Subject: [PATCH 061/112] 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 Date: Fri, 24 Feb 2023 19:20:14 +0530 Subject: [PATCH 062/112] 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 Date: Mon, 27 Feb 2023 18:46:21 +0530 Subject: [PATCH 063/112] 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, , 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 064/112] 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 065/112] 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 066/112] 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 067/112] 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 068/112] 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 069/112] 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 070/112] 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 071/112] 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 072/112] 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 073/112] 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 074/112] 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 075/112] 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 076/112] 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 077/112] 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 078/112] 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 079/112] 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 080/112] 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 081/112] 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 082/112] 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 083/112] 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 084/112] 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 085/112] 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 086/112] 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 087/112] 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 088/112] 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 089/112] 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 090/112] 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 091/112] 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 092/112] 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 093/112] 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 094/112] 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 095/112] 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 096/112] 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 097/112] 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 098/112] 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 099/112] 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 100/112] 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 101/112] 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 102/112] 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 103/112] 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 104/112] 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 105/112] 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 106/112] 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 107/112] 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 108/112] 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 109/112] 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 110/112] 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 111/112] 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 112/112] 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