> For the complete documentation index, see [llms.txt](https://luis-souza-1.gitbook.io/wiki/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://luis-souza-1.gitbook.io/wiki/front-end/react.md).

# React

* <https://docs.pmnd.rs/>
* <https://github.com/acdlite/react-fiber-architecture>
* <https://dev.to/haycuoilennao19/34-ui-libraries-for-react-vue-and-angular-525l>
* <https://dev.to/hulyakarakaya/ultimate-react-resources-obl>
* <https://github.com/adam-golab/react-developer-roadmap>
* <https://vasanthk.gitbooks.io/react-bits/content/>
* <https://www.javascriptstuff.com/react-starter-projects/>
* <https://usehooks.com/>
* <https://react-explorer.com>

## Bibliotecas

### 3D

* [Drei](https://github.com/pmndrs/drei)
* [Hiber](https://hiberworld.com/)
* [React Three Fiber](https://github.com/pmndrs/react-three-fiber)

### Apresentações

* [MDX Deck](https://github.com/jxnblk/mdx-deck)
* [Visx](https://airbnb.io/visx)

### Animações

* [Motion](https://github.com/framer/motion)
* [React Bits](https://www.reactbits.dev/)
* [React Loading Skeleton](https://github.com/dvtng/react-loading-skeleton)
* [React Spring](https://github.com/pmndrs/react-spring)
* [React Transition Group](https://github.com/reactjs/react-transition-group)
* [Use Web Animations](https://github.com/wellyshen/use-web-animations)

### Build

* [Customize CRA](https://github.com/arackaf/customize-cra)

### Cálculos

* [Mafs](https://mafs.dev/)

### CLI

* [Agrippa](https://github.com/NitzanHen/agrippa)
* [Create React App](https://github.com/facebook/create-react-app)
* [Create React Library](https://github.com/transitive-bullshit/create-react-library)
* [Create React Package](https://github.com/haseebanwar/create-react-pkg)
* [Rekit](https://github.com/rekit/rekit)

### Códigos

* [Prism React Renderer](https://github.com/FormidableLabs/prism-react-renderer)

### Command

* [CMDK](https://cmdk.paco.me/)

### Componentes

* [Ant Design](https://github.com/ant-design/ant-design/)
* [Ark](https://github.com/chakra-ui/ark/)
* [AriaKit](https://ariakit.org/)
* [Atomize](https://atomizecode.com/)
* [BluePrintJS](https://blueprintjs.com/)
* [Catalyst](https://tailwindui.com/templates/catalyst)
* [ChakraUI](https://github.com/chakra-ui/chakra-ui)
* [Cloudscape](https://cloudscape.design/)
* [Cmdk](https://github.com/pacocoursey/cmdk)
* [Connected React Router](https://github.com/supasate/connected-react-router)
* [DND Kit](https://github.com/clauderic/dnd-kit)
* [DownShift](https://www.downshift-js.com/)
* [Elastic UI](https://eui.elastic.co/)
* [FluentUI](https://github.com/microsoft/fluentui)
* [Gluestack](https://gluestack.io/ui/docs/overview/introduction)
* [Grommet](https://v2.grommet.io/)
* [Hook Router](https://github.com/Paratron/hookrouter)
* [Ink](https://github.com/vadimdemedes/ink)
* [Leva](https://github.com/pmndrs/leva)
* [Loadable Components](https://github.com/gregberge/loadable-components)
* [Mantine](https://mantine.dev/)
* [Mantine UI](https://ui.mantine.dev/)
* [Material Kit React](https://github.com/creativetimofficial/material-kit-react)
* [Material UI](https://material-ui.com/pt/)
* [MUI](https://mui.com/pt/)
* [NextUI](https://nextui.org/)
* [Notistack](https://github.com/iamhosseindhv/notistack)
* [Notus React](https://demos.creative-tim.com/notus-react/?_ga=2.146436855.253176018.1614889298-744974027.1614551768#/)
* [Now UI Kit React](https://demos.creative-tim.com/now-ui-kit-react/?_ga=2.190599531.1532807610.1618578024-670471949.1618578024#/index)
* [Orbit](https://beta.orbit.kiwi/)
* [Planby](https://planby.netlify.app/)
* [Plate](https://github.com/udecode/plate)
* [Primer](https://primer.style/)
* [PrimeReact](https://github.com/primefaces/primereact)
* [Radix UI](https://radix-ui.com/)
* [React95](https://github.com/arturbien/React95)
* [Reach UI](https://reach.tech/)
* [React Advanced Cropper](https://github.com/advanced-cropper/react-advanced-cropper)
* [React Beautiful DND](https://github.com/atlassian/react-beautiful-dnd)
* [React Big Calendar](https://github.com/jquense/react-big-calendar)
* [React Bits](https://www.reactbits.dev/)
* [React Boilerplate](https://github.com/react-boilerplate/react-boilerplate)
* [React Bootstrap](https://github.com/react-bootstrap/react-bootstrap)
* [React Codemirror](https://github.com/uiwjs/react-codemirror)
* [React Colorful](https://github.com/omgovich/react-colorful)
* [React Components](http://react-component.github.io/badgeboard/)
* [React Cool Dimensions](https://github.com/wellyshen/react-cool-dimensions)
* [React Countdown Clock](https://github.com/pughpugh/react-countdown-clock)
* [React Content Loader](https://github.com/danilowoz/react-content-loader)
* [React CSS Modules](https://github.com/gajus/react-css-modules)
* [React DatePicker](https://github.com/Hacker0x01/react-datepicker)
* [React Dates](https://github.com/airbnb/react-dates)
* [React Day Picker](https://react-day-picker.js.org/)
* [React DND](https://github.com/react-dnd/react-dnd)
* [React Dropzone](https://react-dropzone.js.org/)
* [React Email](https://react.email/)
* [React Flow](https://github.com/wbkd/react-flow)
* [React Final Form](https://github.com/final-form/react-final-form)
* [React Grid Layout](https://github.com/react-grid-layout/react-grid-layout)
* [React Helmet](https://github.com/nfl/react-helmet)
* [React Hot Toast](https://github.com/timolins/react-hot-toast)
* [React I18n](https://github.com/i18next/react-i18next)
* [React If](https://github.com/romac/react-if)
* [React Input Mask](https://github.com/sanniassin/react-input-mask)
* [React Intersection Observer](https://www.npmjs.com/package/react-intersection-observer)
* [React Joyride](https://github.com/gilbarbara/react-joyride)
* [React Leaflet](https://github.com/PaulLeCam/react-leaflet)
* [React Loadable](https://github.com/jamiebuilds/react-loadable)
* [React Location](https://github.com/tannerlinsley/react-location)
* [React Markdown](https://github.com/remarkjs/react-markdown)
* [React Markdown Editor](https://github.com/uiwjs/react-markdown-editor)
* [React Markdown Preview](https://github.com/uiwjs/react-markdown-preview)
* [React Md Editor](https://github.com/uiwjs/react-md-editor)
* [React Menu](https://github.com/szhsin/react-menu)
* [React Moveable](https://github.com/daybrush/moveable)
* [React Notifications](https://github.com/minhtranite/react-notifications)
* [React Notification System](https://github.com/igorprado/react-notification-system)
* [React Notification System Redux](https://github.com/gor181/react-notification-system-redux)
* [React PDF Viewer](https://github.com/react-pdf-viewer/react-pdf-viewer)
* [React Player](https://github.com/cookpete/react-player)
* [React Popper](https://github.com/floating-ui/react-popper)
* [React Progress Bar](https://github.com/react-component/progress)
* [React Reader](https://github.com/gerhardsletten/react-reader)
* [React Redux](https://github.com/reduxjs/react-redux)
* [React Router](https://github.com/ReactTraining/react-router)
* [React Toastify](https://github.com/fkhadra/react-toastify)
* [React Select](https://github.com/JedWatson/react-select)
* [React SimpleMDE Editor](https://github.com/RIP21/react-simplemde-editor)
* [React Spectrum](https://react-spectrum.adobe.com/react-spectrum/index.html)
* [React Star Rating Component](https://github.com/voronianski/react-star-rating-component)
* [React Stick](https://github.com/akiran/react-slick)
* [React Suite](https://github.com/rsuite/rsuite)
* [React Syntax Highlighter](https://github.com/react-syntax-highlighter/react-syntax-highlighter)
* [React Timezone Select](https://github.com/ndom91/react-timezone-select)
* [React Tooltip](https://github.com/wwayne/react-tooltip)
* [React Video](https://github.com/cookpete/react-player)
* [React Virtualized](https://github.com/bvaughn/react-virtualized)
* [Reactstrap](https://reactstrap.github.io/)
* [Reapop](https://github.com/LouisBarranqueiro/reapop)
* [Rebass](https://github.com/rebassjs/rebass)
* [Refine](https://refine.dev/)
* [Replay](https://github.com/vimond/replay)
* [Reshaped](https://reshaped.so/)
* [Sandpack](https://sandpack.codesandbox.io/)
* [Shards React](https://designrevision.com/docs/shards-react/getting-started)
* [Sonner](https://sonner.emilkowal.ski/)
* [Supabase UI](https://ui.supabase.io/components/button)
* [SVGR](https://github.com/gregberge/svgr)
* [Tamagui](https://tamagui.dev/)
* [TanStack](https://tanstack.com)
  * [TanStack Config](https://tanstack.com/config/latest)
  * [TanStack Form](https://tanstack.com/form/latest)
  * [TanStack Query](https://tanstack.com/query/latest)
  * [TanStack Ranger](https://tanstack.com/ranger/latest)
  * [TanStack Router](https://tanstack.com/router/v1)
  * [TanStack Store](https://tanstack.com/store/latest)
  * [TanStack Table](https://tanstack.com/table/v8)
  * [TanStack Virtual](https://tanstack.com/virtual/latest)
* [Tremor](https://www.tremor.so/)
* [Vaul](https://vaul.emilkowal.ski/)
* [Webrix](https://github.com/open-amdocs/webrix/)
* [Wouter](https://github.com/molefrog/wouter)

### Configurações

* [Craco](https://github.com/dilanx/craco)
* [React App Rewired](https://github.com/timarney/react-app-rewired)
* [Rescripts](https://github.com/harrysolovay/rescripts)
* [Rewire](https://github.com/jhnns/rewire)

### CRUD

* [Refine](https://refine.dev/)

### Desenvolvimento

* [Bippy](https://github.com/aidenybai/bippy)
* [React Cosmos](https://reactcosmos.org/)

### Design

* [React Type](https://reactype.io/)

### Diagramas

* [React Flow](https://reactflow.dev/)
* [Reaflow](https://github.com/reaviz/reaflow)

### Documentação

* [React Cosmos](https://reactcosmos.org/)

### Ecommerce

* [Hydrogen](https://shopify.dev/custom-storefronts/hydrogen)

### Editor

* [Remirror](https://remirror.io/)

### Email

* [Mjml React](https://github.com/Faire/mjml-react)
* [React Email](https://react.email/)

### Error Handling

* [React Error Boundary](https://github.com/bvaughn/react-error-boundary)

### Estilização

* [ClassNames](https://github.com/JedWatson/classnames)
* [CLSX](https://www.npmjs.com/package/clsx)
* [Compiled](https://github.com/atlassian-labs/compiled)
* [Emotion](https://github.com/emotion-js/emotion)
* [Styled Components](https://styled-components.com/)
  * [Awesome Styled Components](https://github.com/styled-components/awesome-styled-components)
  * [Polished](https://github.com/styled-components/polished)
  * [VSCode Styled Components](https://github.com/styled-components/vscode-styled-components)
* [Stitches](https://stitches.dev/)
* [Styled System](https://github.com/styled-system/styled-system)
* [ThemeUI](https://github.com/system-ui/theme-ui)
* [TW Classed](https://github.com/sannajammeh/tw-classed)
* [XStyled](https://xstyled.dev/)

### Formulário

* [Formik](https://github.com/formium/formik)
* [Mantine Form](https://mantine.dev/form/use-form/)
* [React Final Form](https://final-form.org/react)
* [React Hook Form](https://react-hook-form.com/)
* [React JSONSchema Form](https://github.com/rjsf-team/react-jsonschema-form)
* [React TS Form](https://github.com/iway1/react-ts-form)

### Gerenciador de Estado

* [DVA](https://github.com/dvajs/dva)
* [HookState](https://hookstate.js.org/)
* [Jotai](https://github.com/pmndrs/jotai)
* [Little State Machine](https://github.com/bluebill1049/little-state-machine)
* [Nuqs](https://nuqs.47ng.com/)
* [Recoil](https://recoiljs.org/)
* [React Sweet State](https://github.com/atlassian/react-sweet-state)
* [React Tracked](https://github.com/dai-shi/react-tracked)
* [Redux Toolkit](https://github.com/reduxjs/redux-toolkit)
  * [Redux Toolkit Query](https://redux-toolkit.js.org/rtk-query/overview)
* [Teaful](https://github.com/teafuljs/teaful)
* [UniStore](https://github.com/developit/unistore)
* [Unstated Next](https://github.com/jamiebuilds/unstated-next)
* [Zustand](https://github.com/pmndrs/zustand)

### Gráficos

* [Nivo](https://github.com/plouc/nivo)
* [React Vis](https://github.com/uber/react-vis)
* [Reaviz](https://github.com/reaviz/reaviz)
* [Recharts](https://github.com/recharts/recharts)
* [Victory](https://github.com/FormidableLabs/victory)
* [VisX](https://github.com/airbnb/visx)

### Hightlight

* [Bright](https://github.com/code-hike/bright)
* [CodeHike](https://codehike.org/)

### HOC

* [Recompose](https://github.com/acdlite/recompose)
* [Recompact](https://github.com/gregberge/recompact)

### Hooks

* [AHooks](https://ahooks.js.org/)
* [Mantine Hooks](https://mantine.dev/hooks/)
* [React Adaptive Hooks](https://github.com/GoogleChromeLabs/react-adaptive-hooks)
* [React Hanger](https://github.com/kitze/react-hanger)
* [React Hookz Web](https://github.com/react-hookz/web)
* [React Responsive](https://github.com/contra/react-responsive)
* [React Use](https://github.com/streamich/react-use)
* [Rooks](https://github.com/imbhargav5/rooks)
* [Use Context Selector](https://github.com/dai-shi/use-context-selector)
* [Use Hooks](https://github.com/uidotdev/usehooks)
* [Use Hooks TS](https://github.com/juliencrn/usehooks-ts)

### Imagens

* [Lightbox.js](https://www.getlightboxjs.com/)
* [Next Cloudinary](https://next-cloudinary.spacejelly.dev/)

### Mapas

* [PigeonMaps](https://github.com/mariusandra/pigeon-maps)

### Modal

* [React Confirm Bootstrap](https://github.com/gregthebusker/react-confirm-bootstrap)

### Performance

* [FusionJS](https://github.com/fusionjs/fusionjs)
* [Reactotron](https://github.com/infinitered/reactotron)
* [React Geiger](https://github.com/kristiandupont/react-geiger)
* [React Lazyload](https://github.com/twobin/react-lazyload)
* [React Scan](https://react-scan.million.dev/)
* [Use Hooks](https://github.com/uidotdev/usehooks)
* [Why Did You Render](https://github.com/welldone-software/why-did-you-render)

### Planilhas

* [React Spreadsheet](https://github.com/iddan/react-spreadsheet)

### Protótipos

* [Reactype](https://reactype.io/)

### Qualidade

* <https://github.com/keiya01/react-performance-testing>

### Requisições

* [JSON:API React](https://github.com/aribouius/jsonapi-react)
  * [JSON:API Normalizer](https://github.com/yury-dymov/json-api-normalizer)
* [React Async](https://github.com/async-library/react-async)
* [React Query](https://github.com/tannerlinsley/react-query)
* [RTK Query](https://github.com/rtk-incubator/rtk-query)
* [SWR](https://github.com/vercel/swr)
* [TanStack Query](https://tanstack.com/query/v4/docs/guides/queries)

### Templates

* [Bootstrapbay](https://bootstrapbay.com/theme/datta-able-free-reactjs-admin-dashboard-template-BFD950F)
* [Design Revision](https://designrevision.com/downloads/shards-dashboard-lite-react/)
* [Next.js Material Dashboard](https://www.creative-tim.com/product/nextjs-material-dashboard)
* [React Blur Admin](https://github.com/knledg/react-blur-admin)
* [React Landing Page](https://react-landing-page-template.herokuapp.com/)
* [React Reduction](https://reduction-admin.github.io/react-reduction/)

### Track

* [React GA](https://github.com/react-ga/react-ga)
* [React Tracking](https://github.com/nytimes/react-tracking)

### Tradução

* [React Intl](https://www.npmjs.com/package/react-intl)

### Validação

* [PropTypes](https://github.com/facebook/prop-types)

### Videos

* [Remotion](https://www.remotion.dev/)

### WebComponents

* [DireFlow](https://github.com/Silind-Software/direflow)

## Frameworks

* [Relay](https://github.com/facebook/relay)

## Extensões

* [Reactime](https://github.com/open-source-labs/reactime)