Best React Libraries to Use in 2022

• linaria

  46 11,182 8.4 TypeScript

  Zero-runtime CSS in JS library

  

Try this Linaria zero runtime css in js

• create-t3-app

  183 23,295 9.2 TypeScript

  The best way to start a full-stack, typesafe Next.js app

  

I strongly recommend that you take a look at this stack, it's getting popular lately, and I have been using it for my personal projects, it's a lifesaver. T3

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• SWR

  243 29,383 8.4 TypeScript

  React Hooks for Data Fetching

  

SWR in Data fetching or Misc utils

• Material UI

  290 91,600 10.0 TypeScript

  Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

  

Material-UI v5 in Components library

• react-numeric-input

  1 1 1.8 TypeScript

  React numeric input component

  

• primereact

  77 5,721 9.9 CSS

  The Most Complete React UI Component Library

  

PrimeReact. It provides over 80 rich set of open source UI components.

• framer/motion

  43 22,054 9.8 TypeScript

  Open source, production-ready animation and gesture library for React

  

I would suggest react-three-fiber for people who want to use Threejs in react, makes it so much nicer to work with. And framer motion for when you need an animation library.

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

• visx

  51 18,712 7.3 TypeScript

  🐯 visx | visualization components

  

A library like VisX which is a wrapped around D3 aimed at react would be more appropriate for the list.

• Yup

  113 22,201 7.1 TypeScript

  Dead simple Object schema validation

Nice to know the grass isn't always greener. I've been considering migrating over to zod because this yup issue has been bugging me for a while.

• zod

  288 30,174 9.1 TypeScript

  TypeScript-first schema validation with static type inference

Funny you mention that - one of the biggest issues I had with Zod is the way it supports enums. See https://github.com/colinhacks/zod/issues/1094 and follow the duplicate posts all the way down.

• floating-ui

  20 28,548 9.5 TypeScript

  A JavaScript library to position floating elements and create interactions for them.

  

Positioning: floating-ui

• dnd-kit

  43 11,358 4.9 TypeScript

  The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.

Drag and drop: dnd-kit

Suggest a related project