Awesome React

A curated list of awesome things related to react. Website: https://huntawesome.com/react/ui-library.html

UI Library

React ui library to accelerate development

• Material UI - Comprehensive React component library that implements Google's Material Design. .
• Ant Design - An enterprise-class UI design language and React UI library.
• Shadcn-ui - Accessible and customizable components that you can copy and paste into your apps. Free. Open Source. Use this to build your own component library..
• Bulma - Bulma is a free, open source framework that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces..
• Chakra-ui - Chakra UI is a component system for building products with speed.Accessible React components for building high-quality web apps and design systems. Works with Next.js RSC..
• React Bootstrap - Bootstrap components built with React..
• NextUI - Beautiful, fast and modern React UI library. Created on top of Tailwind CSS and React Aria..
• Blueprint - A React-based UI toolkit for the web. It is optimized for building complex, data-dense web interfaces for desktop applications which run in modern browsers. .
• Fluentui - Fluent UI web represents a collection of utilities, React components, and Web Components for building web applications..
• Semi Design - A modern, comprehensive, flexible design system and React UI library. Provide more than 3000+ Design Tokens, easy to build your design system. .
• PrimeReact - The Most Complete UI Suite for React.js.With PrimeReact, turning your development vision into reality has never been easier..
• Radix-ui - An open-source component library optimized for fast development, easy maintenance, and accessibility..
• Arco Design - An enterprise-level design system jointly launched by the ByteDance GIP UED team and the Infrastructure FrontEnd team.

Admin Template

React admin templates to quickly build applications.

• Ant Design Pro - Out-of-box UI solution for enterprise applications..
• horizon-ui-chakra - Horizon UI JavaScript. The trendiest & innovative Open Source Admin Template for Chakra UI & React!.
• Slash Admin - A Modern React Admin Template. It is based on React 18, Vite and TypeScript. It's fast !..
• Arco Design Pro - A solution to quickly building applications.Based on Arco Design and its ecological products. Pro provides rich examples and best practices, aiming to provide users with reference and ideas for use..

Hooks

React hooks library & resources

• react-use - A collection of react hooks for sensors, animations, side-effects, lifecycles, state..
• react-hook-form - React Hooks for form state management and validation (Web + React Native).
• ahooks - A high-quality & reliable React Hooks library..
• usehooks - A collection of modern, server-safe React hooks – from the ui.dev team..
• react-hookz - A library of general-purpose React hooks built with care and SSR compatibility in mind..

State Management

React state management library & resources

• Zustand - A small, fast and scalable bearbones state-management solution using simplified flux principles. Has a comfy API based on hooks, isn't boilerplatey or opinionated..
• Immer - Create the next immutable state tree by simply modifying the current tree..
• Jotai - Primitive and flexible state management for React..

Frameworks

React frameworks to create modern web applications.

• Next.js - Used by some of the world's largest companies, Next.js enables you to create full-stack web applications by extending the latest React features, and integrating powerful Rust-based JavaScript tooling for the fastest builds..

Build Tools

React professional build tools to create applications

• Vite - Next generation frontend tooling. It significantly improves the frontend development experience..

Forms

React form components

• react-hook-form - React Hooks for form state management and validation..
• Formik - Build forms in React, without the tears..

Table

React table components

• TanStack-Table - TanStack Table is a headless table library, which means it does not ship with components, markup or styles. .

Charts

React simple, professional and easy to use chart libraries.

• Ant Design Charts - A pretty, lightweight and responsive react chart library based on antv..

Animation Libraries

React animation libraries to cast your ideas.

• react-spring - A cross-platform spring-physics first animation library. Giving you flexible tools to confidently cast your ideas.

renderers

React renders for 3d & video & pdf etc

• react-three-fiber - A React renderer for Three.js..