React Ecosystem in 2024

• zustand

  272 48,274 9.1 TypeScript

  🐻 Bear necessities for state management in React

  

  Demo: Zustand Demo

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

• TypeScript

  1,383 101,237 9.9 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.

• react-spring

  55 28,266 7.7 TypeScript

  ✌️ 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

  247 75,390 9.5 TypeScript

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

  

  Website: Shadcn UI

• Tailwind CSS

  1,421 83,489 9.8 TypeScript

  A utility-first CSS framework for rapid UI development.

  

  Website: Tailwind CSS

• styled-components

  236 40,550 8.2 TypeScript

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

  

  Website: Styled Components

• storybook

  341 84,776 10.0 TypeScript

  Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

  

  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.

• react-native

  552 119,497 10.0 C++

  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

  72 9,335 8.8 JavaScript

  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

  27 10,590 7.8 JavaScript

  Simple HTML5 drag-drop zone with React.js.

  

  Website: React Dropzone

• react-chartjs-2

  36 6,649 0.0 TypeScript

  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

  422 67,321 10.0 TypeScript

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

  

  Website: Playwright

• nextra

  45 11,932 9.6 TypeScript

  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

  143 327 10.0 TypeScript

  ⚠️ 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

  238 26,984 9.9 TypeScript

  A fully featured React components library

  

  Website: Mantine

• headlessui

  193 26,281 9.1 TypeScript

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

  

  Website: Headless UI

• quickstart-android

  350 8,887 8.5 Kotlin

  Firebase Quickstart Samples for Android

  

  Website: Firebase

• Docusaurus

  296 56,919 9.6 TypeScript

  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

  46 13,252 1.7 TypeScript

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

  Website: DND Kit

• daisyui

  264 34,271 9.4 Svelte

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

  Website: DaisyUI

• chakra-ui

  352 38,038 9.9 TypeScript

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

  

  Website: Chakra UI

• antd

  225 92,693 10.0 TypeScript

  An enterprise-class UI design language and React UI library

  

  Website: Ant Design

Suggest a related project