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 01/37] 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 Date: Wed, 3 May 2023 01:00:51 -0400 Subject: [PATCH 02/37] 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 Date: Tue, 13 Jun 2023 17:38:04 +0200 Subject: [PATCH 03/37] 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 Date: Mon, 26 Jun 2023 11:25:20 +0800 Subject: [PATCH 04/37] 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 Date: Mon, 26 Jun 2023 03:30:29 +0000 Subject: [PATCH 05/37] 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 Date: Wed, 19 Jul 2023 10:40:22 -0300 Subject: [PATCH 06/37] 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 Date: Wed, 2 Aug 2023 11:12:21 +0800 Subject: [PATCH 07/37] 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 Date: Wed, 2 Aug 2023 11:13:11 +0800 Subject: [PATCH 08/37] 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 Date: Thu, 3 Aug 2023 12:48:31 +0300 Subject: [PATCH 09/37] 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?= Date: Fri, 4 Aug 2023 05:36:16 +0900 Subject: [PATCH 10/37] 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 Date: Thu, 24 Aug 2023 15:19:03 +0800 Subject: [PATCH 11/37] 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 Date: Fri, 8 Sep 2023 10:57:44 +0100 Subject: [PATCH 12/37] 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 Date: Sat, 21 Oct 2023 13:38:44 +0200 Subject: [PATCH 13/37] 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 Date: Wed, 15 Nov 2023 13:26:22 +0330 Subject: [PATCH 14/37] 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 Date: Wed, 15 Nov 2023 13:29:09 +0330 Subject: [PATCH 15/37] 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 Date: Thu, 7 Dec 2023 11:07:42 +0100 Subject: [PATCH 16/37] 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?= Date: Wed, 27 Dec 2023 08:03:09 +0100 Subject: [PATCH 17/37] 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 Date: Fri, 5 Jan 2024 18:13:12 -0800 Subject: [PATCH 18/37] 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 Date: Tue, 30 Jan 2024 17:20:01 -0800 Subject: [PATCH 19/37] 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 20/37] 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 Date: Fri, 23 Feb 2024 01:25:47 +0200 Subject: [PATCH 21/37] 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 Date: Sat, 9 Mar 2024 21:48:57 +0800 Subject: [PATCH 22/37] 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 Date: Thu, 14 Mar 2024 11:03:10 +0800 Subject: [PATCH 23/37] 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 Date: Tue, 26 Mar 2024 13:34:03 +0000 Subject: [PATCH 24/37] 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- + ## 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 Date: Tue, 26 Mar 2024 13:38:37 +0000 Subject: [PATCH 25/37] 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 Date: Tue, 26 Mar 2024 15:10:03 +0000 Subject: [PATCH 26/37] 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- - ## 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 Date: Tue, 9 Apr 2024 01:46:27 +0200 Subject: [PATCH 27/37] 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 28/37] 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 Date: Wed, 22 May 2024 14:12:40 +0200 Subject: [PATCH 29/37] 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 Date: Wed, 22 May 2024 14:15:03 +0200 Subject: [PATCH 30/37] 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 Date: Wed, 22 May 2024 14:17:26 +0200 Subject: [PATCH 31/37] 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 Date: Fri, 24 May 2024 23:40:10 +0600 Subject: [PATCH 32/37] 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 Date: Sat, 25 May 2024 00:14:40 +0600 Subject: [PATCH 33/37] 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 Date: Mon, 17 Jun 2024 14:51:29 +0200 Subject: [PATCH 34/37] 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 Date: Mon, 17 Jun 2024 14:53:03 +0200 Subject: [PATCH 35/37] 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 36/37] 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 37/37] 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