React

The "Awesome React" project is a curated resource list designed to support developers using React, a popular JavaScript library for building user interfaces. This list includes a wide range of resources such as libraries, tools, tutorials, components, and community-driven content that enhance the development experience. Whether you are a beginner looking to learn the basics or an experienced developer seeking advanced techniques, this collection provides valuable insights and tools to streamline your workflow. Dive into the world of React and discover the resources that will help you create dynamic and responsive user interfaces with ease.

reactjavascriptui-developmentfrontendweb-developmentcomponentstutorialslibraries

RSS View on GitHub

72.7k stars7.6k forks0 contributorsUpdated

Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a project Star on GitHub

React

reactjavascriptui-developmentfrontendweb-developmentcomponentstutorialslibraries

RSS View on GitHub

72.7k stars7.6k forks0 contributorsUpdated

General Resources

5 projects

React Official Website

react.dev

Reactiflux Discord Channel

React CodeSandbox Playground

codesandbox.io

Tutorials

6 projects

React Official Tutorial

react.dev

Using React in Visual Studio Code

code.visualstudio.com

React Interview Questions & Answers

A comprehensive collection of 500+ ReactJS interview questions and answers covering core concepts, libraries, and best practices.

#javascript-framework#interview-preparation#react-interview-questions

Stars44,775

Forks10,382

Last commit6 days ago

Design patterns and Component patterns for building powerful Web Apps

patterns.dev

A simple, scalable, and powerful architecture for building production ready React applications

An opinionated architecture guide and sample application for building scalable, production-ready React applications.

#react-best-practice#frontend#testing

Stars35,798

Forks3,258

Last commit3 months ago

Cheatsheets for experienced React developers getting started with TypeScript

Cheatsheets for experienced React developers getting started with TypeScript, covering basic to advanced patterns.

#hooks#migration#type-safety

Stars47,095

Forks4,275

Last commit3 months ago

Frameworks

6 projects

Next.js

A React framework for production with hybrid static & server rendering, TypeScript support, and file-system routing.

#universal#server-rendering#api-routes

Stars142,130

Forks31,878

Last commit16 hours ago

gatsby

A React-based framework for building blazing fast websites and apps with static-site generation and dynamic rendering.

#compiler#web-app#static-site-generator

Stars55,938

Forks10,125

Last commit2 days ago

remix

A full-stack web framework for building modern, resilient user experiences with web fundamentals and AI-first development.

#server-side-rendering#portable-runtime#web-standards

A frontend framework for building single-page admin applications on top of REST/GraphQL APIs using React and TypeScript.

#crud#rest#single-page-app

Stars26,923

Forks5,468

Last commit2 days ago

refine

A React framework for building internal tools, admin panels, dashboards, and B2B applications with unmatched flexibility.

#admin-ui#admin#internal-tools

Stars35,635

Forks3,202

Last commit3 months ago

vike

A composable framework for building advanced web applications with React, Vue, or Solid, offering flexibility and stability.

#react-ssr#plugin-system#vitejs

Stars5,818

Forks396

Last commit3 days ago

Component Libraries

14 projects

shadcn-ui

A set of beautifully-designed, accessible components and a code distribution platform for building custom component libraries.

#design-system#developer-tools#open-source

Stars123,120

Forks10,114

Last commit2 days ago

ant-design

An enterprise-class UI design language and React component library for building web applications.

#design-system#ant-design#internationalization

Stars99,399

Forks54,717

Last commit17 hours ago

material-ui

A comprehensive React component library implementing Google's Material Design, free forever.

#design-system#material-ui#frontend

Stars99,013

Forks32,561

Last commit18 hours ago

chakra-ui

A component system for building accessible React applications and SaaS products with speed.

#design-system#wai-aria#a11y

A library of 110+ animated, customizable React components for building visually striking websites.

#ui-animations#components-react#frontend

A fully featured React components library with 100+ customizable components, hooks, and utilities for building modern web applications.

#hooks#developer-tools#dark-mode

Stars31,670

Forks2,366

Last commit5 days ago

react-bootstrap

Bootstrap 5 components rebuilt as React components for seamless integration.

#hacktoberfest#frontend#typescript

A collection of utilities, React components, and web components for building web applications with Microsoft's Fluent Design System.

#design-system#web-components#theming

A full-featured HTML framework for building native-looking iOS and Android apps using web technologies.

#ios#javascript-framework#phonegap

Stars18,754

Forks3,184

Last commit4 days ago

ariakit

A React toolkit providing accessible, unstyled components and hooks for building modern web applications.

#design-system#wai-aria#aria

Stars8,609

Forks416

Last commit18 hours ago

react-email

A collection of high-quality, unstyled React components for building and sending modern, responsive emails.

#hacktoberfest#email-templates#email-clients

Stars19,711

Forks1,078

Last commit2 days ago

8bitcn-ui

A collection of retro-styled, accessible UI components that can be copied and pasted into applications.

#design-system#copy-paste-components#ui

Stars2,017

Forks116

Last commit3 days ago

Headless UI

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

#design-system#a11y#headless-ui

Stars28,734

Forks1,204

Last commit4 months ago

ruixen-ui

A modern React UI component library with 170+ components featuring spring physics animations and audio feedback.

#spring-animation#design-system#nextjs

Stars205

Forks16

Last commit2 days ago

State Management and Data Fetching

13 projects

redux

A JavaScript library for predictable and maintainable global state management in applications.

#developer-tools#react-integration#global-state

Stars61,506

Forks15,193

Last commit2 days ago

mobx

A signal-based library for simple and scalable state management using functional reactive programming.

#observables#reactive-programming#frontend

Stars28,204

Forks1,801

Last commit13 days ago

zustand

A small, fast, and scalable state management solution for React using simplified flux principles and hooks.

#hooks#hacktoberfest#flux

Stars58,642

Forks2,188

Last commit5 days ago

query

An async state management library for fetching, caching, synchronizing, and updating server state across web frameworks.

#hooks#rest#data-fetching

A React Hooks library for efficient data fetching with built-in caching, revalidation, and real-time updates.

#hooks#data-fetching#caching

Stars32,473

Forks1,380

Last commit4 days ago

apollo-client

The industry-leading GraphQL client for TypeScript, JavaScript, React, Vue, Angular, and more.

#caching#graphql#apollographql

Stars19,813

Forks2,882

Last commit17 hours ago

relay

A JavaScript framework for building data-driven React applications with GraphQL.

#data-fetching#graphql#declarative-ui

A primitive and flexible state management library for React, scaling from useState replacement to enterprise apps.

#hacktoberfest#functional-programming#atomic-state

Stars21,250

Forks726

Last commit19 hours ago

xstate

Actor-based state management and orchestration library for JavaScript and TypeScript using state machines and statecharts.

#event-driven#hacktoberfest#state-machines

Stars30,092

Forks1,387

Last commit2 days ago

effector

A state manager for JavaScript apps that implements business logic with ease across React, Vue, Svelte, and more.

#event-driven#business-logic#data-flow

Stars4,849

Forks277

Last commit17 hours ago

immer

Create immutable JavaScript states by writing mutable code, simplifying state management in React and beyond.

#functional-programming#reducer#immutability

Immutable persistent data collections for JavaScript that increase efficiency and simplify application development.

#functional-programming#value-equality#data-collections

Stars33,035

Forks1,859

Last commit3 days ago

rxdb

A fast, local-first, reactive NoSQL database for JavaScript applications with realtime sync capabilities.

#realtime#pouchdb#database

Stars23,372

Forks1,174

Last commit2 days ago

Related Awesome Lists

💚

Vue.js

The "Awesome Vue.js" project is a curated collection of resources aimed at supporting developers using Vue.js, a progressive JavaScript framework for building user interfaces. This list encompasses a variety of resources including libraries, tools, plugins, tutorials, and community contributions that enhance the development experience. Whether you are a beginner looking to learn the basics or an experienced developer seeking advanced techniques, this list provides invaluable resources to help you create dynamic and responsive web applications. Dive into this collection to discover tools and insights that will elevate your Vue.js projects to the next level.

73.6k

📦

Android UI

The "Awesome Android UI" project is a curated resource list dedicated to enhancing user interface design for Android applications. Android UI refers to the visual elements and interactive components that make up the user experience on Android devices. This list includes a variety of resources such as UI libraries, design tools, components, animations, and tutorials that cater to both novice and experienced developers. By providing a comprehensive selection of resources, this project empowers developers to create visually appealing and user-friendly applications. Whether you're looking for inspiration or practical tools to streamline your design process, you'll find valuable assets to elevate your Android UI development.

55.8k

🌊

Tailwind CSS

The "Awesome Tailwind CSS" project is a comprehensive repository of resources dedicated to using Tailwind CSS, a utility-first CSS framework for building custom user interfaces rapidly. This curated list includes official documentation, IDE extensions, tools, UI libraries, components, and plugins, providing valuable aids for developers of all skill levels. With resources for design inspiration and development support, the project fosters a vibrant community around Tailwind CSS. Whether you’re searching for components or enhancing your workflow, this collection serves as a go-to guide for maximizing the potential of Tailwind CSS.

15.0k

📦

iOS UI

The "Awesome iOS UI" project is a curated collection of resources focused on user interface design for iOS applications. This list encompasses a variety of categories including UI components, design patterns, libraries, tools, and inspiration for creating visually appealing and user-friendly interfaces. It is beneficial for designers, developers, and anyone interested in enhancing their iOS app's user experience, whether they are beginners or seasoned professionals. Users can explore a wealth of resources to elevate their design skills and create stunning interfaces that engage users effectively.

11.2k

Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a project Star on GitHub