A fully featured React components library.

Build fully functional accessible web applications faster than ever – Mantine includes more than 120 customizable components and 70 hooks to cover you in any situation.

• Mantine @ GitHub.

Components in Markdown.

A fast, streaming-ready markdown parser with component support for Vue, React, Svelte, HTML and ANSI terminal.

• Comark @ GitHub.

skeleton screens for your UI. Auto generated skeleton loading framework.

Pixel-perfect skeleton loading screens, extracted from your real UI. No manual measurement, no hand-tuned placeholders. boneyardsnapshots your real UI and captures a flat list of skeleton “bones” — positioned, sized rectangles that mirror the page exactly.

No manual measurement. No hand-tuned placeholders. Wrap your component in <Skeleton> and get pixel-perfect skeleton screens that stay in sync with your actual layout.

• boneyard @ GitHub.

Data Visualization for React. Streaming-First Visualization for React

Push data at 60fps with decay, pulse, and staleness encoding. Or just pass an array — static data is the simple case. 40+ chart types, network graphs, coordinated dashboards, and AI tooling built in.

• Semiotic @ GitHub.

A lightweight and elegant React/Vue/Angular/Svelte full calendar(big-calendar) component.

DayFlow provides production-ready calendar views, drag-and-drop, and a modular architecture so you can focus on your product, not date math.

• DayFlow @ GitHub.

Free, Fast, and Powerful SVAR React DataGrid

An open-source, high-performance data grid for modern React applications with virtual scrolling, advanced filtering, editing, tree data, and full TypeScript support.

• SVAR React DataGrid @ GitHub.

Open Source Video Player.

open source media player framework for Web and React. Modern, modular, and composable media player framework for Web and React.

• Video.js v10 @ GitHub.

Related contents:

• Video.js v10 Beta: Hello, World (again) @ Video.js.

Terminal apps that run anywhere - even the browser!

Build terminal apps that run in the browser (and the terminal) with React. The Gridland website is built with Gridland.

Gridland is built on the OpenTUI rendering engine.

• Gridland @ GitHub.

High-Performance Data Grid for Vue, React, Angular, Svelte, and JavaScript. RevoGrid is a high-performance JavaScript Data Grid built for massive datasets. 60fps, 3x less memory

• RevoGrid @ GitHub.

Haptic feedback for the mobile web. Supports React, Vue, and Svelte.

• WebHaptics @ GitHub.

Related contents:

• #129 - News Mars 2026, Vite+, Void Cloud, du drama et de l'IA @ Double Slash :fr:.

OpenAPI to TypeScript in seconds.

Generate production-ready SDKs and validators from your OpenAPI spec. Used by Vercel, OpenCode, and PayPal.

🌀 OpenAPI to TypeScript codegen. Production-ready SDKs, Zod schemas, TanStack Query hooks, and 20+ plugins. Used by Vercel, OpenCode, and PayPal.

• Hey API's OpenAPI TypeScript @ GitHub.

Related contents:

• Life's too short to hand-write API types: OpenAPI-driven React @ Evil Martians.

The free and open source React Native vibe coding IDE Text to mobile apps in seconds Ask chat anything, and turn your words into iOS, Android and web apps at the same time.

The React Native Vibe Code SDK lets you build text to mobile & web apps in seconds. A full suite of packages to run your your own vibe coding features or platform.

• React Native Vibe Code @ GitHub.

A batteries-included framework for building interactive terminal user interfaces with React and Ink.

giggles is a batteries-included framework for building terminal user interfaces (TUIs) with React and Ink. It handles focus management, input routing, screen navigation, and theming out of the box — along with a component library covering most TUI use cases and terminal utilities for things like handing off control to external programs. Everything is declarative and composable, so you can build polished CLI apps without wiring up the low-level details yourself.

• giggles @ GitHub.

The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI.

• Onlook @ GitHub.

Related contents:

• Onlook - Fini les allers-retours entre Figma et le code @ Korben :fr:.

Production-Ready Full-Stack Framework.

CedarJS is a stable, opinionated full-stack framework that integrates React, GraphQL, and Prisma into a cohesive system. Don't waste weeks on boilerplate—use the foundation trusted for production-grade applications.

• CedarJS @ GitHub.

Beautiful & Animated Charts.

A Beautiful & Animated Chart UI Website built on top of shadcn & recharts. A modern, customizable chart library for React and Next.js applications featuring visually stunning and interactive data visualizations.

• Evil Charts @ GitHub.

@daveyplate/better-auth-ui provides ready-to-use shadcn/ui styled components for rapidly implementing authentication features in your Next.js and React applications, seamlessly integrating with better-auth.

• Better Auth UI @ GitHub.

The Lightweight Reactive Library.

Minimal reactive state management using only standard JavaScript and HTML - no custom syntax, no build step required.

• Lume.js @ GitHub.

Let coding agents diagnose and fix your React code.

One command scans your codebase for security, performance, correctness, and architecture issues, then outputs a 0–100 score with actionable diagnostics.

• React Doctor @ GitHub.

A dynamic windowed scrolling table component for react.

HighTable is a virtualized table component for React, designed to efficiently display large datasets in the browser. It loads and renders only the rows necessary for the current viewport, enabling smooth scrolling and performance even with millions of rows. HighTable supports asynchronous data fetching, dynamic loading, and optional column sorting.

Related contents:

• Virtual Scrolling for Billions of Rows — Techniques from HighTable @ Sylvain Lesage.

WYSIWYG js DOCX editor.

• @eigenpal/docx-js-editor @ GitHub.

Related contents:

• Éditer des documents Word en local dans votre navigateur @ Korben :fr:.

Professionally crafted React & Figma components for building beautiful products or starting your own design system.

• Reshaped @ GitHub.

Figma to React Converter.

Transform your Figma designs into production-ready React components with Tailwind CSS automatically.

• VibeFigma @ GitHub.

A modern data client for React & tRPC

Inspired by Relay and GraphQL, fate combines view composition, normalized caching, data masking, Async React features, and tRPC's type safety.

• fate @ GitHub.

React Calendar Component with Tailwind CSS & shadcn/ui

The ultimate full calendar alternative built with TypeScript, Tailwind CSS, and shadcn/ui. A headless React calendar component with drag-and-drop, resource scheduling, and complete customization for Next.js, Astro, and React applications.

• ilamy Calendar @ GitHub.

The agentic visual editor for React.

Create a page builder for your own components. Now with AI superpowers.

Puck is a modular, open-source visual editor for React.js. You can use Puck to build custom drag-and-drop experiences with your own application and React components.

Because Puck is just a React component, it plays well with all React.js environments, including Next.js. You own your data and there’s no vendor lock-in.

• Puck @ GitHub.

An opinionated toast component for React.

• Sonner @ GitHub.

Related contents:

• Building a toast component @ Emil Kowalski.

Select context for coding agents directly from your website.

How? Point at any element and press ⌘C (Mac) or Ctrl+C (Windows/Linux) to copy the file name, React component, and HTML source code.

It makes tools like Cursor, Claude Code, Copilot run up to 3× faster and more accurate.

• React Grab @ GitHub.

High Fidelity Detection Mechanism for RSC/Next.js RCE (CVE-2025-55182 & CVE-2025-66478).

A command-line tool for detecting CVE-2025-55182 and CVE-2025-66478 in Next.js applications using React Server Components.

smooth squircle corners for HTML elements.

Monoco is a tiny JavaScript library that adds squircles (smooth corners) and other corner types to html elements.

• Monoco @ GitHub.

Collection of awesome react hooks.

• Rooks.js @ GitHub.

React Dev Tools for Styling. JSX tooling for modern web development

Write React code in your developer panel. Find any file with just a click. Inspect, click, and tweak your JSX until it's pixel perfect.

Beautiful spoiler effects

Framework-agnostic web component with Telegram-inspired particle animations. Drop it into React, Vue, Svelte, or vanilla JavaScript in seconds.

• spoilerjs @ GitHub.

Grab any element on in your app and give it to Cursor, Claude Code, etc.

By default coding agents cannot access elements on your page. React Grab fixes this - just point and click to provide context!

• React Grab @ GitHub.

⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.

• Preact @ GitHub.

Related contents:

• State-based vs Signal-based rendering @ Jovi De Croock.
• Why use React? @ adactio

Type-safe Routing for React and Solid applications

A powerful React router for client-side and full-stack react applications. Fully type-safe APIs, first-class search-params for managing state in the URL and seamless integration with the existing React ecosystem.

• TanStack Router @ GitHub.

Related contents:

• Context Inheritance in TanStack Router @ TkDodo's blog.

Develop full-stack web apps faster.

Wasp is a compiler-driven full-stack web framework; it takes configuration and source files with your unique logic, and it generates the complete source code your the web app. Think of a Rails-like framework for React, Node.js and Prisma. Build your app in a day and deploy it with a single CLI command.

• Wasp @ GitHub.

Related contents:

• How we test a web framework @ Wasp.

Block-based Rich Text Editor for React. Rich text, beautifully crafted with shadcn/ui and Tailwind.

A powerful rich text editor built for modern web applications — elegant, performant, and infinitely customizable. Built with React, TypeScript, and thoughtful design.

• Mina Rich Editor @ GitHub.

A React Book for the Reluctant.

A complete React education disguised as a 16-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.

• Reactive: A React Book for the Reluctant @ GitHub.

🛍️ Typescript E-commerce Platform. Open source NodeJS ecommerce platform. Your All-in-One open source ecommerce solution.

EverShop is a modern, TypeScript-first eCommerce platform built with GraphQL and React. Designed for developers, it offers essential commerce features in a modular, fully customizable architecture—perfect for building tailored shopping experiences with confidence and speed.

• EverShop @ GitHub.

Free React and Next.js UI Component Library.

UI component library for React, Next.js, and other JSX frameworks. Built with Tailwind CSS, it makes creating beautiful, interactive and responsive interfaces fast and easy.

• Sera UI @ GitHub.

Braid aims to make cross-brand UI development as fast as possible while maintaining a high level of quality and accessibility. In order to achieve this, Braid provides as a set of React components and CSS variable-based styling themes using vanilla-extract.

• Braid Design System @ GitHub.

Related contents:

• CSS Layout Generator.

Catch unnecessary React useEffect hooks to make your code simpler, faster, and safer.

ESLint plugin to catch unnecessary React useEffects to make your code easier to follow, faster to run, and less error-prone. Highly recommended for new React developers as you learn its mental model, and even experienced developers may be surprised.

React component library for vintage icons from classic games, software and operating systems.

A comprehensive React component library featuring over 2,300 classic icons from vintage operating systems and software. Includes iconic designs from Windows 95, 98, XP, Vista, 7, classic games, and retro applications. Perfect for retro-themed applications, nostalgic UIs, and preserving digital history.

• React Old Icons @ GitHub.

Components for React, Svelte and Vue.

Integrate fully functional UI widgets for data management, project planning, or file organization in minutes. Get started with the framework of your choice: React, Svelte or Vue.

• SVAR UI @ GitHub.

the fastest React data grid built on modern web technologies. Designed for enterprise-scale performance, LyteNyte Grid offers unrivaled speed, memory efficiency, and a comprehensive feature set in a small bundle size.

the elegant TypeScript UI framework.

Ripple is a TypeScript UI framework that takes the best parts of React, Solid and Svelte and combines them into one package.

• RippleJS @ GitHub.

The definitive tree component for the Web.

Super-easy integration of complex tree components into React. Supports ordered and unordered drag-and-drop, extensive keybindings, search, renaming and more. Fully customizable and accessible. Headless Tree is the official successor for React Complex Tree.

• Headless Tree @ GitHub.

Beautiful, fast and modern React UI Library.

Make beautiful websites regardless of your design experience. Beautiful, fast and modern React UI library for building accessible and customizable web applications.

• HeroUI @ GitHub.

Related contents:

• Rules for creating good-looking user interfaces, from a developer @ Weber Dominik.

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:

• Unlocking Rich UI Component Rendering in AI Responses @ Tim Etler.

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.

• Rari @ GitHub.

Related contents:

• How I Built a Full-Stack React Framework 4x Faster Than Next.js With 4x More Throughput @ ryan skinner.

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.

• Twick @ GitHub.

Open-source collection of UI components and animated effects built with React, Typescript, Tailwind CSS, and Motion. Pairs beautifully with shadcn/ui.

• ReUI @ GitHub.

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.

• tambo @ GitHub.

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.

• React Native @ GitHub.

Related contents:

• Boost Your React Native App Start Time: Stop Shipping Lottie JSON Incorrectly @ Davyd NRB's dev.to.
• We Thought React Native Was the Answer — Until Our App Hit 190% CPU @ Motion Engineering Blog.
• Adopting Cross-Platform React Native at Scale: Zalando’s Learnings | Rene Eichhorn at RUC 2025 @ Callstack's YouTube.
• Accelerating Mobile App development at Zalando with Rendering Engine and React Native @ Zalando Engineering Blog.
• What I've learned from shipping 25+ mobile apps @ Joe Masilotti.
• The Rails developers' guide to mobile app frameworks @ Masilotti.com.

🕸 WebGL Graph Visualizations for React. WebGL-Powered Open-Source Network Graph Visualization.

a high-performance network graph visualization built in WebGL for React.

• Reagraph @ GitHub.

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.

• React @ GitHub.

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.
• React Won by Default – And It's Killing Frontend Innovation @ Loren Stewart.
• React’s useTransition and state update reordering @ Jordan Eldredge.
• Cut styled-components into pieces: This is our last resort @ Sanity.
• You may be looking for a useSyncExternalStore @ swizec.com.
• Stop using .reverse().find(): meet findLast() @ Matt Smith.
• React <ViewTransition>: Smooth Animations Made Simple @ certificates.dev.
• The nuance of React rendering behaviour as it relates to children @ Black Sheep Code.
• Concurrent Hydration with useSyncExternalStore @ kurtextrem.
• Server and Client Component Composition in Practice @ Aurora Scharff.
• State-based vs Signal-based rendering @ Jovi De Croock.
• React Server Components: Do They Really Improve Performance? @ Developer Way.
• Using Atomic State to Improve React Performance in Deeply Nested Component Trees @ Harbor.
• Why startups choose React (and when you shouldn't) @ Evil Martians.
• dead framework theory @ AI Focus.
• Using Atomic State to Improve React Performance in Deeply Nested Component Trees @ Harbor.
• ChatGPT as My Coding Mentor: How I Learned React and Next.js as a Junior Developer @ iO tech_hub.
• Absolutely everything you need to know about act() in React tests @ HowToTestFrontend.
• Why use React? @ adactio.
• The next era of React has arrived: Here’s what you need to know @ LogRocket.
• React has finally solved its biggest problem: The joys of useEffectEvent @ LogRocket.
• useOptimistic Won't Save You @ Colum Kelly.
• Building Bulletproof React Components @ Shu Ding.
• Frontend Memory Leaks: A 500-Repository Static Analysis and Five-Scenario Benchmark Study @ StackInsight.
• Understanding Why React Fiber Exists @ Sanku.
• Start naming your useEffect functions, you will thank me later @ Neciu Dan.
• use(): The Hook That Breaks the Rules (On Purpose) @ Sascha Becker.