react
React is Awful: A fun way to learn a bad thing.
A complete React education disguised as a 21-chapter complaint about React. Written by an AI that's never had to clear node_modules to free up disk space, for developers who have.
A higher order component to wrap react-markdown with support for MDX component elements.
Related contents:
High-performance React Server Components framework powered by a Rust runtime, delivering 4x faster performance than Next.js with zero-config setup and universal NPM support.
Related contents:
React SDK for Timeline-Based Video Editing.
AI-powered video editor SDK built with React. Features canvas timeline, drag-and-drop editing, AI captions, and serverless MP4 export. Perfect for building custom video apps.
Open-source collection of UI components and animated effects built with React, Typescript, Tailwind CSS, and Motion. Pairs beautifully with shadcn/ui.
Chat with AI to build React apps instantly.
🔥 Clone and recreate any website as a modern React app in seconds.
Add React UI components to your AI agent.
A React package for building AI-powered applications with generative UI, where users interact through natural language.
Learn once, write anywhere. A framework for building native applications using React .
React Native brings React's declarative UI framework to iOS and Android. With React Native, you use native UI controls and have full access to the native platform.
Related contents:
🕸 WebGL Graph Visualizations for React. WebGL-Powered Open-Source Network Graph Visualization.
a high-performance network graph visualization built in WebGL for React.
Inline render-block-stable React hooks.
RenderHooks lets you place hooks right next to the markup that needs them—no wrapper components, no breaking the Rules of Hooks, and zero boilerplate, even when you supply your own custom hooks.
The library for web and native user interfaces.
Related contents:
- JUST FUCKING USE REACT.
- Just Use React @ Epic React.
- Reactivity is easy @ romgrk.
- Level Up React: Deep dive into state and useState @ 56kode.
- The History of React Through Code @ Playful Programming.
- React Server Components: How We Got Here @ Epic React.
- The Useless useCallback @ TkDodo's blog.
- Let's Write React Hooks From Scratch @ Playful Programming.
- Unlocking Web Workers with React: A Step-by-Step Guide @ Rahul's Blog.
The React Framework for Cloudflare.
RedwoodSDK is a React framework for building server-side web apps on Cloudflare.
Hundreds of ready-to-play sound effects for your React applications Add delight to your UI with just a few lines of code
Search input query parser and React component.
A powerful search query language parser with SQL output support, inspired by Elasticsearch and Tantivy query syntax.
Build the 2D and 3D Web Without Coding. Your visual workspace for React / Three Fiber.
Triplex is your visual workspace for building React / Three Fiber components. Build 2D and 3D components without coding using its visual and input controls. Jump down to code when you need to.
Related contents:
React components & templates for building rich text editor UIs with Tiptap.
Tiptap UI Components is a library of modular, MIT-licensed React components, templates, and primitives that help you build rich text editor UIs faster, on top of the headless Tiptap framework.
A growing library of fancy, fun, animated react components & microinteractions to make the web fun again. Free & Open Source.
A React component for editing or viewing JSON/object data
Write components once, run everywhere.
Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more. Mitosis provides a unified development experience across all frameworks, enabling you to build components in a single codebase and compile them to React, Vue, Angular, Svelte, Solid, Alpine, Qwik, and more.
Related contents:
Alibaba unified front-end form solution
📱🚀 🧩 Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3.
In React, the whole tree rendering performance problem of the form is very obvious in the controlled mode. Especially for the scene of data linkage, it is easy to cause the page to be stuck. To solve this problem, we have distributed the management of the state of each form field, which significantly improves the performance of the form operations. At the same time, we deeply integrate the JSON Schema protocol to help you solve the problem of back-end driven form rendering quickly.
Related contents:
Syntax Highlighting React Server Component.
React Server Component for syntax highlighting.
Accessible React components made for you to copy, customize, and own.
Justd is a chill set of React components, built on top of React Aria Components, all about keeping the web accessible. Easy to customize and just copy & paste into your React projects. Plus, it includes Tailwind CSS for sleek styling right out of the box.
The annual developer survey about the React ecosystem.
React has been around for a while now, and it's clear that it has become one of the dominant front-end frameworks. Yet even so, React is still evolving at a fast pace, and the community is doing its best to keep up. With the State of React developer survey, we are hoping to make sense of that evolution, and help developers find their way in the vast React ecosystem.
Related contents:
Lightweight NoDB for Deno & React.
GoatDB is a real-time, version-controlled database for Deno, React, and low-friction deployments. It’s ideal for prototyping, self-hosting, single-tenant apps, as well as ultra light multi-tenant setups without heavy backends or complex DBs.
A carefully curated collection of high-quality React component libraries and design systems. Each library has been selected for its unique features, documentation quality, and community support.
Powerful asynchronous state management for TS/JS, React, Solid, Vue, Svelte and Angular
Toss out that granular state management, manual refetching and endless bowls of async-spaghetti code. TanStack Query gives you declarative, always-up-to-date auto-managed queries and mutations that directly improve both your developer and user experiences.
Related contents:
A fast, composable, unstyled emoji picker made with Tailwind & React.
Turn any R3F app into an interactive immersive experience.
Declarative routing for React.
React Router is a multi-strategy router for React bridging the gap from React 18 to React 19. You can use it maximally as a React framework or minimally as a library with your own architecture.
Related contents:
why-did-you-render monkey patches React to notify you about potentially avoidable re-renders. (Works with React Native as well.)
Cursor for Designers.
The power of Cursor for your own React website. Onlook lets you visually edit your React website and write your changes back to code in real-time.
The open source Cursor for Designers. Design directly in your live React app and publish your changes to code.
Animated UI Components For React.
An open source collection of animated, interactive & fully customizable React components for building stunning, memorable user interfaces.
Simple, scalable state management.
MobX is a signal based, battle-tested library that makes state management simple and scalable by transparently applying functional reactive programming.
Related contents:
Scan for React performance issues and eliminate slow renders in your app.
React Scan automatically detects performance issues in your React app.
SRCL is an open-source React component and style repository that helps you build web applications, desktop applications, and static websites with terminal aesthetics. Its modular, easy-to-use components emphasize precise monospace character spacing and line heights, enabling you to quickly copy and paste implementations while maintaining a clean, efficient codebase.
Zero dependency Docking Layout Manager. Supports Vanilla TypeScript, React and Vue.
The NPM for Design Engineers. curated collection of best shadcn ui style react tailwind components, blocks and hooks.
Ship polished UIs faster with React Tailwind components inspired by shadcn/ui. Built by design engineers, for design engineers. One command to install.
21st.dev is an open source community registry of React UI components where anyone can publish minimal Tailwind & Radix UI components and install any component via npx shadcn.
bippy is a toolkit to hack into react internals
by default, you cannot access react internals. bippy bypasses this by "pretending" to be react devtools, giving you access to the fiber tree and other internals.
A growing library of fancy, fun, animated react components & microinteractions to make the web fun again. Free & Open Source.
Base UI is an open-source library of accessible, unstyled UI components for React.
Unstyled UI components for building accessible web apps and design systems.
From the creators of Radix, Floating UI, and Material UI.
Related contents:
🎉 React-Toastify allows you to add notifications to your app with ease.
Copy paste react hooks inspired by shadcn/ui.
A collection of reusable react hooks that you can easily copy and paste into your apps or add directly through the shadcn CLI.
The infinite canvas SDK for React developers.
Use the tldraw SDK to add a collaborative whiteboard to your product or create new canvas-based experiences with the SDK's components, APIs, and services.
Measure the Success of Your Components. Uncover {React} component usage across your dev teams.
Analyze how and where components are used across your code repos to reduce front-end tech debt and prove design system value.
Unstyled React components and low-level hooks.
Base UI is an open-source library of accessible, unstyled UI components for React. Base UI is an unstyled React UI component library for building accessible user interfaces while maintaining complete control over styling.
Lightweight React SVG pie charts, with versatile options and CSS animation included. ~2kB gzipped.
A composable charting library built on React components. Redefined chart library built with React and D3.
React hook that persists data in localStorage.
The Query Builder Component for React.
React Query Builder is a fully customizable query builder component for React, along with a collection of utility functions for importing from, and exporting to, various query languages like SQL, MongoDB, and more.
Scan for React performance issues and eliminate slow renders in your app.
React Scan "scans" your React app for problematic renders. It's just JavaScript, so you drop it in anywhere – script tag, npm, you name it!
🌈 React for interactive command-line apps. React for CLIs. Build and test your CLI output using components.
Ink provides the same component-based UI building experience that React offers in the browser, but for command-line apps. It uses Yoga to build Flexbox layouts in the terminal, so most CSS-like props are available in Ink as well. If you are already familiar with React, you already know Ink.
Free to host and open-source cal.com / calendly alternative built on Google-Apps-Script for Gmail users. Built with modern technologies like React, TypeScript, Shadcn/UI, and Vite.
Better Upload is a file upload library for React that makes it very simple and easy to upload files directly to any S3-compatible service. It handles both the client and your server.
While Better Upload is designed to work with Next.js, it can also work with any framework / backend server that uses standard Request and Response objects. Like Remix and Hono!
React components for dashboards. Toolpad: Full stack components and low-code builder for dashboards and internal apps.
From the creators of Material UI, Toolpad Core offers the components needed for your next admin panel and internal tools project. Bootstrap from scratch in our CLI with well chosen defaults, or drop Toolpad Core into your existing Next.js or Vite* project.
Toolpad Core is a set of high level React components that abstract common concepts such as layout navigation and routing. It aims at helping you build and maintain dashboards and internal tooling faster. It's built on top of Material UI.