React-Toolkit

A curated list of essential libraries and tools for frontend developers, with a focus on React. Ideal for developers looking to build robust, scalable, and high-performance applications 🚀.
https://github.com/drbarzaga/React-Toolkit

Last synced: about 2 hours ago
JSON representation

🧰 React Toolkit
- Hosting
  - Firebase
  - Netlify
  - Vercel
  - AWS Amplify - end web developers to build secure, scalable full-stack applications.
- Documentation
  - Storybook
  - Docusaurus
  - Styleguidist
  - Nextra
  - MDX
- Testing
  - Cypress
  - Jest
  - Playwright - to-end testing framework for web apps, with support for multiple browsers.
  - React Testing Library
  - Vitest
- Popular Platforms
  - Egghead.io
  - freeCodeCamp
  - Codecademy
  - Frontend Masters - depth courses on React and other frontend technologies taught by industry experts.
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
- Live Coding Tools
  - Replit
  - JSFiddle
  - StackBlitz
  - CodeSandbox - time.
  - CodePen - end designers and developers, offering a platform to build and share React projects.
- Styling
  - TailwindCss - first CSS framework for rapidly building custom user interfaces.
  - Emotion - in-JS library.
  - Styled Components
  - Vanilla Extract - runtime Stylesheets-in-TypeScript
  - Stitches - in-JS with near-zero runtime, SSR, multi-variant support.
  - Linaria - Runtime CSS in JS.
  - styletron - oriented styling.
- Official Resources
  - React Website
  - React Discord
  - React Community
  - React Conferences
  - React Quick Start Tutorial
  - Using React in VS Code
  - React Blog
- Frameworks
  - Remix
  - Next.js - side rendering and static site generation for building fast and SEO-friendly web applications.
  - Gatsby - based open-source framework for creating fast, secure, and powerful websites using modern web technologies.
  - Blitz.js - stack experience with a focus on developer productivity.
  - React Admin - page applications on top of REST/GraphQL APIs, using TypeScript, React and Material Design.
  - Refine
  - Tuono - stack web framework for building React applications using Rust as the backend with a strong focus on usability and performance.
  - RedwoodJS - stack, serverless web application framework built on React, GraphQL, and Prisma.
- Hooks
  - useHooks
  - usehooks-ts
  - ahooks - quality and reliable React hooks.
  - React Use
  - Novajs - free React hooks.
  - Novajs - free React hooks.
  - Novajs - free React hooks.
- Authentication
  - Auth0
  - Firebase Authentication
  - Auth.js
  - Okta
  - Clerk
  - Better Auth
- UI Frameworks & Libraries
  - React Email
  - Material UI - source React component library that implements Google's Material Design.
  - Ant Design
  - Blueprint - based UI toolkit for the web.
  - Mantine
  - React Bootstrap
  - Radix UI
  - Evergreen
  - Grommet - first projects for the web with an easy to use component library.
  - Orbit - source Orbit design system by Kiwi.com.
  - PrimeReact - rich UI components.
  - Reakit
  - rsuitejs
  - NativeBase - first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
  - Theme UI - based design principles.
  - Shadcn UI
  - DaysiUI
  - Sailboat UI
  - Material Tailwind - source library that uses the power of Tailwind CSS and React to help you build unique web projects faster and easier.
  - Ring UI
  - Flowbite React - source UI component library built on top of Tailwind CSS with React components and based on the Flowbite Design System.
  - Park UI
  - Ariakit
  - Aceternity UI
  - dotUI
  - Eldora UI - source animated components built with React, Typescript, Tailwind CSS, and Framer Motion.
  - TailusUI
  - Indie UI
  - Chakra UI
  - ZenUI
  - FlyonUI - source Tailwind CSS Components Library with semantic classes and powerful JS plugins.
  - React Spectrum Libraries
  - Kokonut UI
  - Apsara - usable React UI components build using Radix UI and Stitches CSS-in-JS.
  - Justd
  - Preline - source Tailwind CSS components library for any needs.
  - Magic UI - source animated components and effects built with React, Typescript, Tailwind CSS, and Motion.
  - EverUI
  - CuiCui
  - CuiCui
  - Reui - source collection of UI components and animated effects built with React, Typescript, Tailwind CSS, and Motion. Pairs beautifully with shadcn/ui.
  - Next UI
  - FluentUI
  - Justd
  - Gestalt
  - Elastic UI
  - Tremor
- Internationalization
  - i18next
  - Format.JS
- Bundlers
  - Webpack
  - Parcel - configuration build tool for the web.
- Data Fetching
  - Relay - driven React applications.
  - Tanstack Query - state utilities, and data fetching for TS/JS, React, Solid, Vue, Svelte, and more.
  - SWR
  - Fetch API
  - GraphQL Request
  - Apollo Client - featured, production ready caching GraphQL client.
- Linting & Formatting
  - Prettier
  - ESLint
- Utilities
  - Lodash
  - date-fns
  - Axios - based HTTP client for the browser and Node.js.
  - Day.js
  - Winston
- Real-time Communication
  - Socket.IO - time, bidirectional and event-based communication.
  - Pusher - time apps with WebSockets.
- Visual Studio Code Extensions
  - ESLint
  - Prettier - Code formatter
  - GitLens - in Git capabilities of VS Code.
  - Live Server
  - Code Spell Checker
  - Tailwind CSS IntelliSense
  - Path Intellisense
  - ES7+ React/Redux/React-Native snippets
  - Paste JSON as Code
  - Jest
  - Simple React Snippets
  - React PropTypes Intellisense
  - VSCode React Refactor
  - React Native Tools
  - Auto Import
  - Nova.js Visual Studio Code Extension - free React hooks to your project without leaving VS Code
  - ReactToolkit
  - GraphQL for VSCode
- Icons
  - Feather Icons - source icons.
  - Font Awesome
  - Heroicons - crafted SVG icons, by the makers of Tailwind CSS.
  - Lucide
  - Bootstrap Icons - source SVG icon library for Bootstrap.
  - React Icons
  - Svgl
  - Material Icons
- Forms
  - React Hook Form - to-use validation.
  - Formily
  - Formik
  - Tanstack Form
  - React Json Schema Form
- Notifications
  - Sonner
  - React Hot Toast
  - React Toastify - to-use toast notifications to your React applications.
  - Notistack
  - Reapop
  - React Notification System
  - React Toast Notifications
  - pheralb/toast
- Virtualization
  - Semiotic
  - React Virtualized
  - Virtua
  - Tanstack Virtual
- Miscellaneous
  - Cmdk
  - Awesome Loaders
  - React Content Loader - Powered component to easily create skeleton loadings.
  - ReactSpinners
  - background-snippets - to-use, simply copy and paste into your next project.
  - React Compare Image
  - Number Flow - free. Accessible and customizable.
  - React Image Crop
  - ReactTooltip
  - React Loader Spinner
  - Kbar
  - React Intense
  - React Youtube
  - Video React
  - Advanced Cropper
  - React Easy Crop
  - Interweave
  - React Blur
  - ui-snippets
- Tables
  - Tabulator
  - Tanstack Table
  - React Data Grid - like grid component built with React.
  - Griddle
  - Material-UI Table - UI, a popular React UI framework.
- Forums
  - Reddit’s React community
  - DEV’s React community
  - Hashnode’s React community
  - Reactiflux online chat
- Charts
  - Nivo
  - Recharts
  - Visx - level visualization components for React.
  - Mermaid Js - inspired text definitions to create and modify diagrams dynamically.
  - Unovis
  - React Flow - based editors and interactive diagrams.
  - React-Vis
  - ECharts for React
  - React Google Charts
  - React Timeseries Charts
  - Victory
  - Victory
  - Chart.js
- Animations
  - React Spring - physics-based animation library for React.
  - Motion
  - Reactbits
  - simpleParallax.js - to-use React and JS library that adds parallax animations to any image.
  - Blendy - agnostic tool that smoothly transitions one element into another with just a few lines of code.
  - Reactbits
- State Management
  - Jotai
  - Redux Toolkit
  - Recoil
  - Zustand - management solution.
  - Tanstack Store
  - Stan Js - js apps
- File Handling
  - Uppy
  - React Dropzone - and-drop zone with React.
  - react-uploady - upload components & hooks for React.
  - React Spreadsheet
- Validations
  - Zod - first schema declaration and validation library.
  - Yup
  - Validator
  - Joi
  - Superstruct
  - Vest
- Audio & Video
  - Remotion
  - React Player
  - React Webcam
  - React Sound
- PDFs
  - React PDF
  - React PDF Viewer
- Maps
  - React Leaflet - source JavaScript library for mobile-friendly interactive maps.
  - Google Maps React
  - react-google-maps
  - React Map GL
- Drag & Drop
  - React Beautiful DnD - and-drop library for lists with React.
  - React Dragula - and-drop library for React based on Dragula.
  - SortableJS - and-drop lists.
  - Swapy - agnostic tool that converts any layout into a drag-to-swap one with just a few lines of code.
  - DnDKit
  - React Complex Tree - Select and Drag-And-Drop.
  - FormKit’s Drag and Drop - first drag and drop sorting and transferring for lists in your app. It’s simple, flexible, framework agnostic, and clocks in at only ~4Kb gzipped.
  - react-movable
  - React DnD - and-drop interfaces.
- Search Engine Optimization
  - React Helmet
  - Next SEO
  - React Meta Tags
- Code Splitting
  - React Loadable
  - Loadable Components - splitting React components and loading them on demand.
- GitHub Repositories
  - React
- Routing
  - Wouter - friendly ~2.1KB routing for React and Preact.
  - Tanstack Router
  - React Router
- Performance Optimization
  - React Lazy Load
  - React Window
  - React Scan
  - Million
  - React Scan
- 📢 Share
  - ![Twitter - toolkit)
  - ![Facebook - toolkit)
  - ![LinkedIn - toolkit&title=React%20Toolkit%20Collection&summary=Check%20out%20this%20awesome%20React%20toolkit%20collection!&source=LinkedIn)
  - ![Reddit - toolkit&title=React%20Toolkit%20Collection)
- DevTools
  - React Developer Tools
  - Redux DevTools
- Error Handling
  - React Error Boundary
  - Sentry - time.
- ✉️ Contact
  - Dayan Perez
  - @dayanDev
- ℹ️ About
  - GitHub stars
  - GitHub forks
  - GitHub issues
  - GitHub pull requests
  - GitHub license
- YouTube Channels
  - The Net Ninja
  - Programming with Mosh - depth tutorials on React and other programming languages and frameworks.
  - Academind
  - Traversy Media
  - freeCodeCamp.org - length courses and tutorials on React and other web development technologies.
🧰 React Frontend Toolkit
- ❤️ Support
  - ![ko-fi - fi.com/dayanperez)
- Authentication
- ℹ️ About
- 🚀 React Frontend Toolkit CLI
  - official documentation
- Tables
  - AG Grid - rich datagrid designed for the major JavaScript frameworks.
- UI Components
  - FluentUI
- ✉️ Contact
  - @dayanDev
- Popular Platforms
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba
  - Scrimba

Programming Languages

TypeScript 21 JavaScript 16

React-Toolkit

🧰 React Toolkit

Hosting

Documentation

Testing

Popular Platforms

Live Coding Tools

Styling

Official Resources

Frameworks

Hooks

Authentication

UI Frameworks & Libraries

Internationalization

Bundlers

Data Fetching

Linting & Formatting

Utilities

Real-time Communication

Visual Studio Code Extensions

Icons

Forms

Notifications

Virtualization

Miscellaneous

Tables

Forums

Charts

Animations

State Management

File Handling

Validations

Audio & Video

PDFs

Maps

Drag & Drop

Search Engine Optimization

Code Splitting

GitHub Repositories

Routing

Performance Optimization

📢 Share

DevTools

Error Handling

✉️ Contact

ℹ️ About

YouTube Channels

🧰 React Frontend Toolkit

❤️ Support

Authentication

ℹ️ About

🚀 React Frontend Toolkit CLI

Tables

UI Components

✉️ Contact

Popular Platforms