Utility

These websites can be references for your design ideas

From & input

- react-hook-form

• Performant, flexible and extensible forms with easy-to-use validation.
  https://github.com/react-hook-form/react-hook-form (opens in a new tab)

- Formik

• Formik is the world's most popular open source form library for React and React Native.
  https://formik.org/ (opens in a new tab)

- react-ts-form

• Build maintainable, typesafe forms faster 🏃💨
  https://github.com/iway1/react-ts-form (opens in a new tab)

- react-zorm

• Zorm - Type-safe 'form' for React using Zod.
  https://github.com/esamattis/react-zorm (opens in a new tab)

- REACT FINAL FORM

• High performance subscription-based form state management for React.
  https://final-form.org/react/ (opens in a new tab)

- react-jsonschema-form

• A React component for building Web forms from JSON Schema.
  https://github.com/rjsf-team/react-jsonschema-form (opens in a new tab)

- react-select-datepicker

• A simple and reusable dropdown datepicker component for React.
  https://www.npmjs.com/package/react-select-datepicker (opens in a new tab)

- react-google-autocomplete

• React components for google places API.
  https://github.com/ErrorPro/react-google-autocomplete (opens in a new tab)

- react-flag-kit

• FlagKit for React.
  https://github.com/umidbekk/react-flag-kit (opens in a new tab)

- react-ranger

• Hooks for building range and multi-range sliders in React.
  https://github.com/tannerlinsley/react-ranger (opens in a new tab)

- react-grid-table

• A modular table, based on a CSS grid layout, optimized for customization.
  https://github.com/NadavShaar/react-grid-table (opens in a new tab)

- react-simple-star-rating

• A simple react component for adding a star rating to your project.
  https://github.com/awran5/react-simple-star-rating (opens in a new tab)

- verbum

• Verbum is a fully flexible text editor based on lexical framework.
  https://github.com/ozanyurtsever/verbum (opens in a new tab)

- react-terminal-ui

• A terminal react component with support for light and dark modes.
  https://github.com/jonmbake/react-terminal-ui (opens in a new tab)

- react-spreadsheet-grid

• An Excel-like grid component for React with custom cell editors, performant scroll & resizable columns.
  https://github.com/denisraslov/react-spreadsheet-grid (opens in a new tab)

- emoji-mart

• 🏪 One component to pick them all.
  https://github.com/missive/emoji-mart (opens in a new tab)

- ka-table

• Lightweight MIT React Table component with Sorting, Filtering, Grouping, Virtualization, Editing and many more.
  https://github.com/komarovalexander/ka-table (opens in a new tab)

- mantine-datatable

• A table component for your Mantine data-rich applications.
  https://github.com/icflorescu/mantine-datatable (opens in a new tab)

- react-search-box

• 🎨 An autocomplete search box built with and for React.
  https://github.com/ghoshnirmalya/react-search-box (opens in a new tab)

- fortune-sheet

• A drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets.
  https://github.com/ruilisi/fortune-sheet (opens in a new tab)

- markdoc

• A powerful, flexible, Markdown-based authoring framework.
  https://github.com/markdoc/markdoc (opens in a new tab)

- react-markdown

• Markdown component for React
  https://github.com/remarkjs/react-markdown (opens in a new tab)

Code related

- react-textarea-code-editor

• A simple code editor with syntax highlighting.
  https://github.com/uiwjs/react-textarea-code-editor (opens in a new tab)

- react-monaco-editor

• Monaco Editor for React.
  https://github.com/react-monaco-editor/react-monaco-editor (opens in a new tab)

- react-simple-code-editor

• Simple no-frills code editor with syntax highlighting.
  https://github.com/satya164/react-simple-code-editor (opens in a new tab)

- Internationalized

• A collection of framework-agnostic internationalization libraries for the web.
  https://react-spectrum.adobe.com/internationalized/index.html (opens in a new tab)

Interactions

- liveblocks

• making it easy to convert an existing application into a real‑time collaborative experience.
  https://liveblocks.io/ (opens in a new tab)

Payment

- react-paypal-js

• React components for the PayPal JS SDK.
  https://github.com/paypal/react-paypal-js (opens in a new tab)

- React Stripe.js

• React components for Stripe.js and Stripe Elements.
  https://stripe.com/docs/stripe-js/react (opens in a new tab)

- react-payment-inputs

• A React Hook & Container to help with payment card input fields.
  https://github.com/medipass/react-payment-inputs (opens in a new tab)

Status

- stats.js

• This class provides a simple info box that will help you monitor your code performance.
  http://mrdoob.github.io/stats.js/

Movement

- @use-gesture/react

• Bread n butter utility for component-tied mouse/touch gestures in React and Vanilla Javascript.
  https://www.npmjs.com/package/@use-gesture/react (opens in a new tab)

Documents format

- react-pdf

• React renderer for creating PDF files on the browser and server.
  https://github.com/diegomura/react-pdf (opens in a new tab)

Audio

- wax

• JSX-compatible renderer for the Web Audio API.
  https://github.com/jamesseanwright/wax (opens in a new tab)

- useAudioPlayer

• Custom React hook & context for controlling browser audio.
  https://github.com/E-Kuerschner/useAudioPlayer (opens in a new tab)

- REACTRONICA

• Play audio in the browser with simple declarative components. Treat music as a function of state.
  https://reactronica.com/ (opens in a new tab)

- react-modern-audio-player

• 🔊 Simple, accessible and flexible audio player.
  https://github.com/slash9494/react-modern-audio-player (opens in a new tab)

Files

- chonky

• A File Browser for React
  https://chonky.io/ (opens in a new tab)

- uppy

• Sleek, modular open source JavaScript file uploader.
  https://uppy.io/ (opens in a new tab)

Cameras

- react-webcam

• Webcam component for React.
  https://github.com/mozmorris/react-webcam (opens in a new tab)

Images / Video

- react-jimp

• Easy image manipulation component for React. JIMP's React implementation.
  https://github.com/AykutSarac/react-jimp (opens in a new tab)

- @toast-ui/react-image-editor

• Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.
  https://github.com/nhn/tui.image-editor (opens in a new tab)

- react-avatar-editor

• Small avatar & profile picture component. Resize and crop uploaded images using a intuitive user interface.
  https://github.com/mosch/react-avatar-editor (opens in a new tab)

- remotion

• 🎥 Create videos programmatically in React.
  https://github.com/remotion-dev/remotion (opens in a new tab)

- react-player

• A React component for playing a variety of URLs.
  https://github.com/cookpete/react-player (opens in a new tab)

- satori

• Enlightened library to convert HTML and CSS to SVG.
  https://github.com/vercel/satori (opens in a new tab)

Chat bot

- urban-bot

• The universal chatbot library based on React.
  https://github.com/urban-bot/urban-bot (opens in a new tab)

Languages

- react-intl

• Internationalize your web apps on the client & server.
  https://formatjs.io/ (opens in a new tab)

Others Utilis

- click-to-component

• Option+Click React components in your browser to instantly open the source in VS Code.
  https://github.com/ericclemmons/click-to-component (opens in a new tab)

- react-paginate

• A ReactJS component that creates a pagination.
  https://github.com/AdeleD/react-paginate (opens in a new tab)

- react-virtual

• Hooks for virtualizing scrollable elements in React.
  https://github.com/TanStack/react-virtual (opens in a new tab)

- leva

• React-first components GUI.
  https://github.com/pmndrs/leva (opens in a new tab)

- html-react-parser

• 📝 HTML to React parser.
  https://github.com/remarkablemark/html-react-parser (opens in a new tab)

- react-styleguidist

• Isolated React component development environment with a living style guide.
  https://github.com/styleguidist/react-styleguidist (opens in a new tab)

- use-resize-observer

• A React hook that allows you to use a ResizeObserver to measure an element's size.
  https://github.com/ZeeCoder/use-resize-observer (opens in a new tab)

Mailing services

- mailing

• Build, test, send emails with React.
  https://github.com/successor-software/mailing (opens in a new tab)

CSS utilis

- Classnames

• A simple JavaScript utility for conditionally joining classNames together.
  https://github.com/JedWatson/classnames (opens in a new tab)

- @emotion/react

• CSS-in-JS library designed for high performance style composition.
  https://github.com/emotion-js/emotion (opens in a new tab)