React Ecosystem 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

  • Demo: Zustand Demo

  • TypeScript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • By incorporating TypeScript into your development workflow, you can benefit from these type checking features to catch errors early, enhance code maintainability, and improve the overall quality of your code. You can learn more about TypeScript and its type checking capabilities on the official TypeScript website.

  • 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
  • react-spring

    ✌️ A spring physics based React animation library

  • React Spring - You can find more information and documentation for React Spring on their official website at react-spring.dev. React Spring is a feature-rich animation library that leverages physics-based animations to create smooth and interactive animations in React.

  • shadcn/ui

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

  • Website: Shadcn UI

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • Website: Tailwind CSS

  • styled-components

    Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

  • Website: Styled Components

  • storybook

    Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.

  • By using Storybook, you can efficiently develop, test, and document UI components. It's especially useful when working on design systems as it allows you to focus on individual components and their interactions. You can learn more and get started with Storybook on their official website.

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

    A framework for building native applications using React

  • To get started with React Native, you can visit the official website React Native for comprehensive documentation, tutorials, and resources. Whether you're a beginner or an experienced developer, React Native is a powerful choice for mobile app development.

  • react-i18next

    Internationalization for react done right. Using the i18next i18n ecosystem.

  • i18next - You can find documentation and resources for using i18next at react.i18next.com. i18next is a popular internationalization framework for JavaScript, including React. It provides a comprehensive solution for handling translations, formatting, and more.

  • react-dropzone

    Simple HTML5 drag-drop zone with React.js.

  • Website: React Dropzone

  • react-chartjs-2

    React components for Chart.js, the most popular charting library

  • React Chartjs 2 - Visit react-chartjs-2.js.org for more information. React Chartjs 2 is a React wrapper for Chart.js, a popular JavaScript charting library. It provides an easy way to integrate Chart.js into your React applications, allowing you to create a variety of charts and graphs with the underlying features of Chart.js.

  • Playwright

    Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.

  • Website: Playwright

  • nextra

    Simple, powerful and flexible site generation framework with everything you love from Next.js.

  • Nextra - Nextra is another option for creating documentation sites. While it might not be as well-known as Docusaurus, Nextra offers a modern and minimalist approach to building documentation. It is designed to be lightweight and user-friendly, making it a good choice for those who prefer a simple and clean documentation style. You can explore more about Nextra on their official website.

  • material-ui-docs

    ⚠️ Please don't submit PRs here as they will be closed. To edit the docs or source code, please use the main repository:

  • Website: Material-UI

  • mantine

    A fully featured React components library

  • Website: Mantine

  • headlessui

    Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

  • Website: Headless UI

  • quickstart-android

    Firebase Quickstart Samples for Android

  • Website: Firebase

  • Docusaurus

    Easy to maintain open source documentation websites.

  • Docusaurus - Docusaurus is a widely adopted tool for building documentation websites. It is an open-source framework that provides a clean and user-friendly interface for creating and maintaining documentation. Docusaurus is highly customizable and used by many projects and organizations to create documentation sites. You can learn more and get started with Docusaurus on their official website.

  • dnd-kit

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

  • Website: DND Kit

  • daisyui

    🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library

  • Website: DaisyUI

  • chakra-ui

    ⚡️ Simple, Modular & Accessible UI Components for your React Applications

  • Website: Chakra UI

  • antd

    An enterprise-class UI design language and React UI library

  • Website: Ant Design

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
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