From ea346cf4b39e18e4a74fd550030ac4d7734b20c4 Mon Sep 17 00:00:00 2001 From: Eric Date: Fri, 5 Jan 2024 18:13:12 -0800 Subject: [PATCH 01/20] 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 02/20] 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 03/20] 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 04/20] 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 05/20] 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 06/20] 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 07/20] 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 08/20] 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 09/20] 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 10/20] 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 11/20] 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 12/20] 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 13/20] 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 14/20] 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 15/20] 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 16/20] 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 17/20] 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 18/20] 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 19/20] 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 20/20] 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