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

Forks10,369

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

Forks3,204

Last commit25 days 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,073

Forks4,294

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

Stars139,896

Forks31,210

Last commit14 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,954

Forks10,180

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

Stars33,024

Forks2,774

Last commit2 days 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,770

Forks5,459

Last commit10 days ago

refine

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

#admin-ui#admin#internal-tools

Stars34,842

Forks3,080

Last commit3 days 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,745

Forks393

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

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

#design-system#ant-design#internationalization

Stars98,292

Forks54,624

Last commit14 hours ago

material-ui

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

#design-system#material-ui#frontend

Stars98,396

Forks32,621

Last commit17 hours ago

chakra-ui

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

#design-system#wai-aria#a11y

Stars40,429

Forks3,612

Last commit21 hours ago

react-bits

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

#ui-animations#components-react#frontend

Stars40,571

Forks1,858

Last commit4 days 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,220

Forks2,311

Last commit2 days ago

react-bootstrap

Bootstrap 5 components rebuilt as React components for seamless integration.

#hacktoberfest#frontend#typescript

Stars22,609

Forks3,592

Last commit14 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,040

Forks2,890

Last commit12 hours ago

framework7

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

#ios#javascript-framework#phonegap

Stars18,670

Forks3,191

Last commit12 days ago

ariakit

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

#design-system#wai-aria#aria

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

#hacktoberfest#email-templates#email-clients

Stars19,297

Forks1,044

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

Stars1,884

Forks113

Last commit7 days ago

Headless UI

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

#design-system#a11y#headless-ui

Stars28,608

Forks1,205

Last commit1 month ago

ruixen-ui

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

#spring-animation#design-system#nextjs

Stars192

Forks15

Last commit22 hours 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,473

Forks15,058

Last commit2 days ago

mobx

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

#observables#reactive-programming#frontend

Stars28,190

Forks1,797

Last commit14 hours ago

zustand

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

#hooks#hacktoberfest#flux

Stars58,241

Forks2,070

Last commit17 hours ago

query

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

#hooks#rest#data-fetching

Stars49,671

Forks3,872

Last commit14 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,399

Forks1,343

Last commit3 days ago

apollo-client

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

#caching#graphql#apollographql

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

Forks718

Last commit14 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,687

Forks1,362

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

Forks274

Last commit25 days ago

immer

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

#functional-programming#reducer#immutability

Stars28,946

Forks871

Last commit6 days ago

immutable

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

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

Stars33,061

Forks1,849

Last commit18 hours ago

rxdb

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

#realtime#pouchdb#database

Stars23,219

Forks1,163

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