AI & LLM Integration

• OpenAI Node SDK
• Anthropic SDK
• Markstream - source streaming Markdown renderer for React AI chat interfaces, with incomplete-token handling, Mermaid, KaTeX, syntax highlighting, safe HTML, SSR, and React 18/19 support.

Animations

• AutoAnimate - config animation utility that adds smooth transitions to your React app with a single hook.
• GSAP - grade JavaScript animation library with a React integration for high-performance animations.

Bundlers

• Rollup
• esbuild

Charts

• Victory

Component Development

• Chromatic
• Ladle - in alternative to Storybook for developing and testing React components.
• React Cosmos
• Bit - driven development. Build, version, and reuse components across projects.
• Compify - source React component workflow.

Data Fetching

• tRPC - to-end typesafe APIs for React — no schemas, no code generation, full TypeScript inference.
• URQL

DevTools

• React Grab
• React Doctor - powered diagnostic tool that analyzes your React code for performance issues, security problems, and best practices.
• Route Auditor

Documentation

• Docz

Drag & Drop

• GridstackJS - friendly modern TypeScript library for dashboard layout and creation. Drag-and-drop, multi-column responsive dashboards with bindings for React, Angular, Vue and more.
• React DnD - and-drop interfaces.

File Handling

• Jspreadsheet
• SVAR React File Manager - agnostic file explorer with list, tiles, and split views, file preview, and all file operations

Monorepo Tools

• Turborepo - performance build system for JavaScript and TypeScript monorepos with smart caching.
• Nx - source build system with first-class React support and smart monorepo tooling.
• Lerna
• Changesets
• PNPM Workspaces - efficient package management for multi-package repos.

Popular Platforms

• Scrimba

🧰 React Frontend Toolkit

Authentication

• Okta
• AWS Amplify Auth
• Magic

✉️ Contact

• @dayanDev

ℹ️ About

• GitHub stars
• GitHub forks
• GitHub issues
• GitHub pull requests
• GitHub license

Popular Platforms

• Scrimba
• Scrimba
• Scrimba
• Scrimba
• Scrimba
• Scrimba
• Scrimba

🚀 React Frontend Toolkit CLI

• official documentation

❤️ Support

• ![ko-fi - fi.com/dayanperez)

Tables

• AG Grid - rich datagrid designed for the major JavaScript frameworks.

UI Components

• FluentUI

🧰 React Toolkit

Animations

• React Spring - physics-based animation library for React.
• 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.
• Motion
• Reactbits

Audio & Video

• React Player
• React Webcam
• React Sound
• Remotion

Authentication

• Auth.js
• Firebase Authentication
• Auth0
• Better Auth

Bundlers

• Webpack
• Parcel - configuration build tool for the web.

Charts

• Recharts
• Nivo
• React-Vis
• ECharts for React
• Visx - level visualization components for React.
• React Flow - based editors and interactive diagrams.
• Unovis
• React Google Charts
• React Timeseries Charts
• Victory

Code Splitting

• Loadable Components - splitting React components and loading them on demand.
• React Loadable

✉️ Contact

• Dayan Perez

Data Fetching

• Relay - driven React applications.
• Fetch API
• SWR
• Tanstack Query - state utilities, and data fetching for TS/JS, React, Solid, Vue, Svelte, and more.
• GraphQL Request
• Apollo Client - featured, production ready caching GraphQL client.

DevTools

• React Developer Tools
• Redux DevTools

Documentation

• Storybook
• Docusaurus
• MDX
• Styleguidist
• Nextra

Drag & Drop

• Swapy - agnostic tool that converts any layout into a drag-to-swap one with just a few lines of code.
• DnDKit
• React Beautiful DnD - and-drop library for lists with React.
• SortableJS - and-drop lists.
• React Dragula - and-drop library for React based on Dragula.
• 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

Error Handling

• React Error Boundary
• Sentry - time.

File Handling

• React Dropzone - and-drop zone with React.
• Uppy
• react-uploady - upload components & hooks for React.
• React Spreadsheet

Forms

• React Hook Form - to-use validation.
• Tanstack Form
• Formik
• React Json Schema Form
• Formily

Forums

• DEV’s React community
• Hashnode’s React community
• Reddit’s React community

Frameworks

• 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.
• Remix
• 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

• Novajs - free React hooks.
• useHooks
• React Use
• ahooks - quality and reliable React hooks.
• usehooks-ts
• Novajs - free React hooks.

Hosting

• Vercel
• Netlify
• Firebase
• AWS Amplify - end web developers to build secure, scalable full-stack applications.

ℹ️ About

• GitHub stars
• GitHub forks
• GitHub issues
• GitHub pull requests
• GitHub license

Icons

• React Icons
• Font Awesome
• Heroicons - crafted SVG icons, by the makers of Tailwind CSS.
• Feather Icons - source icons.
• Bootstrap Icons - source SVG icon library for Bootstrap.
• Lucide
• Svgl

Internationalization

• Format.JS
• i18next

Linting & Formatting

• ESLint
• Prettier

Live Coding Tools

• CodeSandbox - time.
• StackBlitz
• JSFiddle
• CodePen - end designers and developers, offering a platform to build and share React projects.
• Replit

Maps

• React Leaflet - source JavaScript library for mobile-friendly interactive maps.
• Google Maps React
• react-google-maps
• React Map GL

Miscellaneous

• ReactSpinners
• ReactTooltip
• React Loader Spinner
• React Content Loader - Powered component to easily create skeleton loadings.
• Kbar
• Cmdk
• React Compare Image
• React Intense
• React Youtube
• Video React
• Advanced Cropper
• React Easy Crop
• React Image Crop
• Interweave
• React Blur
• Number Flow - free. Accessible and customizable.
• ui-snippets
• background-snippets - to-use, simply copy and paste into your next project.
• Awesome Loaders

Notifications

• Sonner
• React Toastify - to-use toast notifications to your React applications.
• Notistack
• Reapop
• React Hot Toast
• React Notification System
• React Toast Notifications
• pheralb/toast

Official Resources

• React Website
• React Community
• React Blog
• React Conferences
• React Discord
• React Quick Start Tutorial
• Using React in VS Code

PDFs

• React PDF
• React PDF Viewer

Performance Optimization

• React Lazy Load
• React Window
• React Scan
• Million

Popular Platforms

• freeCodeCamp
• Codecademy
• Frontend Masters - depth courses on React and other frontend technologies taught by industry experts.
• Egghead.io