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,698

Forks10,367

Last commit3 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,586

Forks3,240

Last commit2 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,097

Forks4,287

Last commit1 month 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

Stars141,095

Forks31,499

Last commit3 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

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

Stars33,230

Forks2,782

Last commit5 hours ago

react-admin

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,851

Forks5,460

Last commit14 hours ago

refine

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

#admin-ui#admin#internal-tools

Stars35,367

Forks3,166

Last commit1 month 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,783

Forks395

Last commit5 hours 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

Stars119,670

Forks9,505

Last commit10 hours ago

ant-design

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

#design-system#ant-design#internationalization

Stars98,803

Forks54,672

Last commit4 hours ago

material-ui

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

#design-system#material-ui#frontend

Stars98,627

Forks32,555

Last commit13 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

Stars44,062

Forks2,080

Last commit9 hours ago

mantine

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

#hooks#developer-tools#dark-mode

Stars31,473

Forks2,331

Last commit2 days ago

react-bootstrap

Bootstrap 5 components rebuilt as React components for seamless integration.

#hacktoberfest#frontend#typescript

Stars22,610

Forks3,578

Last commit7 hours ago

fluentui

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

#design-system#web-components#theming

Stars20,168

Forks2,901

Last commit14 hours ago

framework7

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

#ios#javascript-framework#phonegap

Stars18,715

Forks3,193

Last commit10 days ago

ariakit

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

#design-system#wai-aria#aria

Stars8,590

Forks412

Last commit6 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,475

Forks1,067

Last commit9 hours 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

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

#design-system#a11y#headless-ui

Stars28,676

Forks1,194

Last commit3 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

Stars196

Forks15

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,508

Forks15,102

Last commit24 days ago

mobx

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

#observables#reactive-programming#frontend

Stars28,203

Forks1,799

Last commit4 days ago

zustand

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

#hooks#hacktoberfest#flux

Stars58,471

Forks2,161

Last commit2 days ago

query

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

#hooks#rest#data-fetching

Stars49,974

Forks4,011

Last commit7 hours ago

swr

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

#hooks#data-fetching#caching

Stars32,437

Forks1,369

Last commit8 days ago

apollo-client

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

#caching#graphql#apollographql

Stars19,800

Forks2,752

Last commit11 hours ago

relay

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

#data-fetching#graphql#declarative-ui

Stars18,949

Forks1,895

Last commit3 hours ago

Jotai

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

#hacktoberfest#functional-programming#atomic-state

Stars21,229

Forks724

Last commit23 hours ago

xstate

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

#event-driven#hacktoberfest#state-machines

Stars29,919

Forks1,376

Last commit5 hours 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,843

Forks277

Last commit2 months ago

immer

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

#functional-programming#reducer#immutability

Stars28,971

Forks879

Last commit7 days ago

immutable

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

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

Stars33,057

Forks1,857

Last commit16 hours ago

rxdb

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

#realtime#pouchdb#database

Stars23,289

Forks1,169

Last commit5 hours 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