https://github.com/ali-hussein-dev/awesome-react-2026
https://github.com/ali-hussein-dev/awesome-react-2026
List: awesome-react-2026
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ali-hussein-dev/awesome-react-2026
- Owner: Ali-Hussein-dev
- Created: 2025-07-13T06:15:30.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-07-14T08:36:14.000Z (10 months ago)
- Last Synced: 2025-09-01T07:03:58.022Z (8 months ago)
- Size: 10.7 KB
- Stars: 8
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Awesome React 2025-2026
[](https://github.com/ali-hussein-dev/awesome-react-2026)
A collection of up-to-date awesome libraries, resources, and shiny things in the React ecosystem.
**Outline**
- [Courses](#courses)
- [Advanced Learning Resources](#advanced-learning-resources)
- [Interview Preparation](#interview-preparation)
- [Templates](#templates)
- [State Management](#state-management)
- [Form](#form)
- [Styling Frameworks](#styling-frameworks)
- [UI Components](#ui-components)
- [Packages](#packages)
- [Frameworks](#frameworks)
### Courses
- [Official React Course](https://react.dev/learn) - by React team
- [Advanced React](https://scrimba.com/advanced-react-c02h?via=nextradardotdev) - By Bob Ziroll
- [Complete React developer course ](https://academy.zerotomastery.io/a/aff_g98w3h8t/external?affcode=441520_jc2p4y1n) - By Andrei Neagoie & Yihua Zhang
- [What's new in React 19?](https://scrimba.com/whats-new-in-react-19-c03d?via=nextradardotdev) - By Bob Ziroll
- [Build Reusable React Components](https://scrimba.com/build-reusable-react-components-c0f?via=nextradardotdev) - By Cassidy Williams
- [React Challenges](https://scrimba.com/react-challenges-c02n?via=nextradardotdev) - Daniel Rose
- [React Simplified](https://reactsimplified.com/) - By Kyle Cook
- [Master React 19 with Code Focused](https://www.epicreact.dev/) - Kent C. Dodds
- [React.gg](https://react.gg/) - UI dev
### Advanced Learning Resources
- [Design Pattern](https://www.patterns.dev/)
- [Frontend Architecture](https://frontendatscale.com/)
- [Sarah Drasner](https://sarah.dev/writing)
- [TkDodo's blog](https://tkdodo.eu/blog)
- [Robin Wierurch's blog](https://www.robinwieruch.de)
- [2ality](https://2ality.com/index.html)
- [Kent C. Dodds](https://kentcdodds.com/blog)
### Interview Preparation
- [Coding interview questions](https://www.greatfrontend.com/prepare/coding?fpr=nr)
- [React Interview Questions](https://scrimba.com/react-interview-questions-c01t?via=nextradardotdev)
- [React Interview Playbook](https://www.greatfrontend.com/questions/react?fpr=nr)
- [20 Projects to Build Your Portfolio](https://academy.zerotomastery.io/a/aff_fy7c3sfc/external?affcode=441520_jc2p4y1n)
- [Nextradar Quiz](https://nextradar.dev/content/quiz-game)
### Styling Frameworks
- [Mantine](https://github.com/mantinedev/mantine) - Fully featured React components library
- [shadcn-ui](https://github.com/shadcn-ui/ui) - Beautifully designed components built using Radix UI and Tailwind CSS
- [Chakra UI](https://chakra-ui.com/)
- [Fluentui](https://github.com/microsoft/fluentui) - Microsoft's Fluent UI
- [Ant Design](https://github.com/ant-design/ant-design) - An enterprise-class UI design language and React UI library
- [Framework7](https://github.com/framework7io/framework7) - Full featured HTML framework for building iOS & Android apps
- [Ariakit](https://github.com/ariakit/ariakit) - Toolkit for building accessible web apps with React
- [React Bootstrap](https://github.com/react-bootstrap/react-bootstrap) - Bootstrap components built with React
- [React Email](https://github.com/resend/react-email) - Unstyled components for creating beautiful emails
### UI Components
- [shadcn-based components](https://nextradar.dev/content/ui-components) - curated list of shadcn-based UI Components
- [react-select](https://github.com/JedWatson/react-select) - The Select Component for React
- [react-big-calendar](https://github.com/jquense/react-big-calendar) - Calendar component
- [react-datepicker](https://github.com/Hacker0x01/react-datepicker/) - A simple and reusable datepicker component for React
- [react-loading-skeleton](https://github.com/dvtng/react-loading-skeleton) - Create skeleton screens that automatically adapt to your app
- [react-qrcode](https://github.com/zpao/qrcode.react) - QR component for use with React
- [react-archer](https://github.com/pierpo/react-archer) - Draw arrows between React elements
- [react-icons](https://github.com/react-icons/react-icons) - SVG React icons of popular icon packs
- [react-complex-tree](https://github.com/lukasbach/react-complex-tree) - Unopinionated Accessible Tree
- [react-insta-stories](https://github.com/mohitk05/react-insta-stories) - A React component for Instagram like stories
- [swiper](https://github.com/nolimits4web/swiper) - Most modern mobile touch slider
- [keen-slider](https://github.com/rcbyr/keen-slider) - The Touch slider carousel
- [cookie-consent-banner](https://github.com/porscheofficial/cookie-consent-banner) – The lightweight and flexible Cookie Consent Banner
- [heart-switch](https://github.com/anatoliygatt/heart-switch) - A heart-shaped toggle switch component for React
- [kbar](https://github.com/timc1/kbar) - Fast, portable, and extensible cmd+k interface for your site
- [tagify](https://github.com/yairEO/tagify) - Lightweight, efficient Tags input component
- [puck](https://github.com/measuredco/puck) - The visual editor for React
### Packages
#### Templates
- [Free/Premium templates](https://nextradar.dev/content/templates) - List with filter functionality
#### State Management
- [Zustand](https://github.com/pmndrs/zustand) - Bear necessities for state management in React
- [Nuqs](https://nuqs.47ng.com) - URL based state management
- [xState](https://stately.ai/docs) - State machines and statechart
- [Zero UI](https://zero-ui.dev/) - New state managment for handling styling without re-rendering
- [Mobx](https://github.com/mobxjs/mobx) - Simple, scalable state management
- [Apollo-client](https://github.com/apollographql/apollo-client) - A fully-featured, production ready caching GraphQL client
- [Relay](https://github.com/facebook/relay) - A framework for building data-driven React applications
- [Jotai](https://github.com/pmndrs/jotai) - Primitive and flexible state management for React
- [Effector](https://github.com/zerobias/effector) - Business logic with ease
- [Immer](https://github.com/immerjs/immer) - Create the next immutable state by mutating the current one
- [Immutable-js](https://github.com/immutable-js/immutable-js) - Immutable persistent data collections for Javascript
- [Redux](https://github.com/reduxjs/redux) - Predictable State Container for JavaScript Apps
- [Rxdb](https://github.com/pubkey/rxdb) - A fast, offline-first, reactive database for JavaScript Applications
- [TanStack Query](https://tanstack.com/query/v5) - Powerful asynchronous state management
- [SWR](https://github.com/vercel/swr) - React Hooks for Data Fetching
#### Form
- [Mantine Form](https://mantine.dev/form/package)
- [React Hook Form](https://react-hook-form.com/)
- [Tanstack From](https://tanstack.com/form/latest)
- [React Jsonschema Form](https://rjsf-team.github.io/react-jsonschema-form)
- [FormilyJS](https://formilyjs.org/)
#### Libraries
- [Mantine Hooks](https://mantine.dev/hooks/package) - Collection of hooks for React by Mantine
- [Usehooks](https://usehooks.com) - Collection of hooks for React by Dev UI
#### React Routing
- [react-router](https://github.com/remix-run/react-router) - Declarative routing for React
- [wouter](https://github.com/molefrog/wouter) - A minimalist-friendly routing
- [tanstack-router](https://github.com/TanStack/router) - Type-safe router with built-in caching & URL state management
#### React Development Tools
- [React Developer Tools](https://react.dev/learn/react-developer-tools) - A browser extension for React
- [React Scan](https://react-scan.com) - Scan for React performance issues and eliminate slow renders in your app
- [Million](https://github.com/aidenybai/million) - An extremely fast and lightweight optimizing compiler
#### Others
- [React confetti](https://github.com/alampros/react-confetti) - React component to draw confetti for your party
- [React confetti Boom](https://github.com/almond-bongbong/react-confetti-boom) - A customizable React confetti explosion component for celebrations and special events
- [downshift](https://github.com/downshift-js/downshift) - React autocomplete, combobox or select dropdown components
- [react-error-boundary](https://github.com/bvaughn/react-error-boundary) - A React error boundary component that lets you catch errors
#### React Testing
- [Jest](https://github.com/facebook/jest) - Delightful JavaScript Testing
- [React-testing-library](https://github.com/testing-library/react-testing-library) - Simple and complete React DOM testing utilities
- [Cypress](https://github.com/cypress-io/cypress) - Fast, easy, and reliable testing for anything that runs in a browser
### Frameworks
- [Preact](https://preactjs.com/) - A fast 3kb alternative to React with the same modern API
- [Remix](https://remix.run)
- [Next](https://github.com/vercel/next.js) - The React Framework
- [Remix](https://github.com/remix-run/remix) - Full-stack web Framework that lets you focus on the user interface
- [Gatsby](https://github.com/gatsbyjs/gatsby) - Build modern websites with React
- [TanStack Starter](https://tanstack.com/start/latest)
- [React-admin](https://github.com/marmelab/react-admin) - A frontend Framework for building B2B applications
- [Refine](https://github.com/refinedev/refine) - Build your React-based CRUD applications, without constraints