Best Next.js Libraries and Tools in 2024

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • zustand

    🐻 Bear necessities for state management in React

  • Link: https://zustand-demo.pmnd.rs/

  • zod

    TypeScript-first schema validation with static type inference

  • Link: https://zod.dev/

  • SurveyJS

    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.

    SurveyJS logo
  • usehooks

    A collection of modern, server-safe React hooks – from the ui.dev team

  • Link: https://usehooks.com/

  • shadcn/ui

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

  • Link: https://ui.shadcn.com/

  • react-table

    πŸ€– Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table

  • TanStack Query

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

  • SWR

    React Hooks for Data Fetching

  • Link: https://swr.vercel.app/

  • WorkOS

    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.

    WorkOS logo
  • react-hook-form

    πŸ“‹ React Hooks for form state management and validation (Web + React Native)

  • Link: https://react-hook-form.com/

  • lucia

    Authentication, simple and clean

  • Link: https://lucia-auth.com/

  • dnd-kit

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

  • Link: https://dndkit.com/

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts