react
Visual IDE for React. React, meet your first visual IDE. Visually edit projects side-by-side with your code editor. See every change reflected instantly and get your work done faster.
A higher order component to wrap react-markdown with support for MDX component elements.
Related contents:
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.
Export Icons directly from Figma
Instantly get React, Vue and Svelte components
React based CMF / blogging engine using Redux, Postgres, Node, and more...
A practical way to learn Angular, React & Vue all at once.
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.
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.
Build in-app AI chatbots in days, not weeks.
assistant-ui is a chatbot UI for your React app
Related contents:
Coding challenges.
Practice your technical interview skills on coding challenges taken from real technical interviews. Target your weak skills and level up your game.
React’s programming model, compiled. Octane is an incredibly efficient React replacement UI library with improved developer ergonomics.
The successor to Inferno, carrying its performance-first goal forward: React’s hooks, Suspense and actions, compiled ahead of time. No virtual DOM. No rules of hooks. No hand-maintained dependency arrays — the compiler works out what your code captures for you.
Related contents:
Inferno is an insanely fast, React-like library for building high-performance user interfaces on both the client and server.
The main objective of the InfernoJS project is to provide the fastest possible runtime performance for web applications. Inferno excels at rendering real time data views or large DOM trees.
Related contents:
Frontend workshop for UI development.
Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It’s open source and free.
Open Source Video Player.
open source media player framework for Web and React. Modern, modular, and composable media player framework for Web and React.
Related contents:
Lightweight SVG/CSS spinners for React.
9 awesome typescript-aware lightweight spinners built as react.js components.
Creative components, in a new dimension. Creative Canvas and WebGL Component Library.
An open source library of tasteful html-in-canvas & WebGL components. Framework agnostic. Copy, paste, ship.
A library of creative canvas components. Real HTML with WebGL effects running over it. React, Vue, Svelte, vanilla.
Search input query parser and React component.
A powerful search query language parser with SQL output support, inspired by Elasticsearch and Tantivy query syntax.
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:
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.
Related contents:
A React UI toolkit for the web. Blueprint is a collection of React UI components that cover the majority of the common interface elements, patterns, and interactions on the web. Using Blueprint ensures that you’ll end up with an elegant and easy-to-use UI, freeing you to focus on building your product—not the atomic pieces that comprise it.
Create the cropper you desire.
This react cropper library gives you the possibility to create croppers that exactly suited for your website design. Don’t limit yourself. Rotate, zoom, transitions, autozoom and many other features included.
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.
DOM-first, responsive carousel for React. React Snap Carousel leaves the DOM in charge of scrolling and simply computes derived state from the layout, allowing you to progressively enhance a scroll element with responsive carousel controls.
A modular data visualization framework for React, Angular, Svelte, and vanilla TypeScript or JavaScript
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.
CSS 3D Engine for the DOM.
Render textured 3D meshes in the DOM with CSS. No WebGL or <canvas> needed: each polygon is a real DOM element.
Supports OBJ, glTF, GLB, and MagicaVoxel VOX files, including UV textures and material colors. Works with vanilla JS, React, and Vue.
bring your components to life with simple spring animation primitives
Add a mouse-tracing glow effect to React components.
Over 3200 pixel-perfect icons for web design. Free and open source icons designed to make your website or app attractive, visually consistent and simply beautiful.
Build beautiful animated components. A collection of open-source, customizable motion components built on top of Framer Motion.
Beautifully designed motions components. Easy copy-paste. Customizable. Open Source. Built for engineers and designers.
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:
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.
a React Framework.
Creating websites and apps is simply too complex. One is a new React framework for web and native, built on Vite. It simplifies things with universal, typed routing seamlessly across static, server, and client pages. Plus, an amazing new solution to data.
React hero animations. Motion Layout. Create beautiful immersive hero animations using shared components.
Build single-page apps, without building an API. Create modern single-page React, Vue, and Svelte apps using classic server-side routing. Works with any backend — tuned for Laravel.
Related contents:
- Part 1: How We Fell Out of Love with Next.js and Back in Love with Ruby on Rails & Inertia.js @ Hardcover.
- Speed up your Inertia.js website with these 7 tactics @ Aaron Francis' YouTube.
- Simplicity, vanished?! Solving the mystery with Inertia.js + Rails @ Evil Martians.
- #125 - Inertia JS, le front et le back unifiés @ Double Slash :fr:.
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:
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.
🐻 Bear necessities for state management in React.
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.
Related contents:
Open-source UI components for React.
Build faster with Wedges. An open-source collection of UI components for React.
Beautiful UI components for React, lovingly crafted with the Wedges Design System, Radix UI, and Tailwind CSS.
React hook that persists data in localStorage.
Trendiest Open Source & Free Admin Dashboard Template for React, Chakra UI, Tailwind CSS, TypeScript, JavaScript and NextJS
smooth squircle corners for HTML elements.
Monoco is a tiny JavaScript library that adds squircles (smooth corners) and other corner types to html elements.
Enterprise routing for React applications. Powerful, enterprise-grade routing for React applications Declarative & asynchronous route elements and data loaders, first-class Search Param APIs, nested-routing, code-splitting and so much more.
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.
🚀 The open-source notifications infrastructure. A fully-featured microservice to send SMS, E-mail, Slack and Push notifications. Embeddable notification center for React with real-time updates, content management, and much more... Notification management simplified. The ultimate service for managing multi-channel notifications with a single API.
Compiler-First Reactive UI. Write JavaScript. Get reactivity for free.
A compiler-first UI framework that turns ordinary classes and functions into surgical DOM updates. No virtual DOM. No hooks. No signals. Just your code — wired at build time.
Related contents:
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.
Easy Drag-to-Swap Solution. ✨ A simple JavaScript tool for converting any layout you have to drag-to-swap layout.
Meet Swapy, a framework-agnostic tool that converts any layout into a drag-to-swap one with just a few lines of code.
The Lightweight Reactive Library.
Minimal reactive state management using only standard JavaScript and HTML - no custom syntax, no build step required.
Draw attention to the important parts of your website.
How is this different from a Modal ? The black mask appears around existing elements on the page.
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.
A React component for editing or viewing JSON/object data
A forward-thinking library of web components.
A collection of professionally designed, every day UI components built on Web standards. Works with all framework as well as regular HTML/CSS/JS. 🥾
@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.
React Component for drawing in canvas. A simple yet powerful canvas-drawing component for React.