5 React Libraries to Level Up your Projects in 2023

• shadcn/ui

  136 56,834 9.3 TypeScript

  Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

  

If you like the flexibility of Radix but don’t want to style everything from scratch, shadcn/ui is something you should check out. It’s a fully modular component library built on top of Radix and Tailwind. Instead of installing an NPM package, you can copy the code directly into your project and modify it to your liking.

• preevy

  41 1,985 9.6 TypeScript

  Quickly deploy preview environments to the cloud!

  

That's why we're always on the lookout for useful projects to share, and it's also why we've recently launched an open source tool of our own called “Preevy” https://github.com/livecycle/preevy.

• 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.

  

• TanStack Query

  56 39,627 9.8 TypeScript

  🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.

  

• zustand

  248 42,526 8.8 TypeScript

  🐻 Bear necessities for state management in React

  

• Immer

  141 26,943 7.1 JavaScript

  Create the next immutable state by mutating the current one

  

If you want to set up from Context, Zustand is your best bet. It offers an extremely simple API that lets you create a store with values and functions. Then, you can access that store from anywhere in your application to read and write values. Reactivity included! If you want to store nested object data in your store, consider using Immer alongside Zustand to easily change nested state.

• framer/motion

  43 22,054 9.8 TypeScript

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

  

• cva

  16 5,213 7.2 TypeScript

  Class Variance Authority

• 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.

  

• primitives

  26 14,192 8.0 TypeScript

  Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.

  

Suggest a related project