react
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.
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 Hooks for Data Fetching. The name “SWR” is derived from stale-while-revalidate, a HTTP cache invalidation strategy popularized by HTTP RFC 5861. SWR is a strategy to first return the data from cache (stale), then send the fetch request (revalidate), and finally come with the up-to-date data.
React hero animations. Motion Layout. Create beautiful immersive hero animations using shared components.
A practical way to learn Angular, React & Vue all at once.
The main goal of this project is to show you how to register and authenticate a user and access protected resources from a React-Native app to a NodeJS server.
The slide framework built for agents.
A React-first slide framework authored by AI agents. Every page is arbitrary code on a 1920×1080 canvas— versioned, reviewable, yours.
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.
An open source design system that's fully customizable and agent ready.
An open source design system that's fully customizable and built for how we build now — by people and the agents working alongside them.
It ships 150+ accessible components, brand-level theming, dark mode, ready-to-ship templates, and a CLI as one cohesive system. You import pre-built CSS and use typed React components — no build plugin, no styling library to adopt — and both people and AI assistants build with the same tooling.
🚀 A React Framework for building extensible drag and drop page editors Craft.js solves this problem by modularising the building blocks of a page editor. It ships with a drag-n-drop system and handles the way user components should be rendered, updated and moved - among other things. With this, you'll be able to build your own page editor exactly how you want it to look and behave.
Placeholder Avatars for the Modern World. Give your app some flair instead of using some generic user icon from some icon library. Use it in your frontend framework of choice.
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.
The Cross-Platform App Development Leader. The mobile SDK for the Web.
An open source mobile UI toolkit for building modern, high quality cross-platform mobile apps from a single code base. A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI.
Related contents:
A modular data visualization framework for React, Angular, Svelte, and vanilla TypeScript or JavaScript
bring your components to life with simple spring animation primitives
A growing library of fancy, fun, animated react components & microinteractions to make the web fun again. Free & Open Source.
Beautiful map components. 100% Free, Zero config, one command setup.
Ready to use, customizable map components for React. Built on MapLibre. Styled with Tailwind.
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:
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:
@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 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 based CMF / blogging engine using Redux, Postgres, Node, and more...
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.
Related contents:
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.
Make React 70% faster
The drop-in optimizing compiler for React. Gain big performance wins for UI and data heavy React apps. Dead simple to use – try it out now!
Morph any SVG icon into any other. SVG icon morphing library for React, Vue & Svelte.
Animate Lucide, Tabler, Heroicons or any stroke icon set. Optimal rotation solved in closed form, spring physics, zero dependencies.
Related contents:
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:
- 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.
- The real cost of React Native animations: benchmarking every approach @ Expo.
- The Go-To Guide for Understanding Keyboards in React Native (Part 1) @ Margelo.
Themeable components for React & React Native. Bumbag is a themeable, accessible & composable component library for React & React Native allowing you to create cross-platform applications with ease.
The frontend boilerplate with superpowers.
A well-structured production-ready frontend boilerplate with Typescript, React Testing Library, styled-component, React Query, .env, Axios, Bundle Analyzer, Prettier and 30+ plugins. superplate creates ready-to-develop projects for React and Next.js and refine.
Search input query parser and React component.
A powerful search query language parser with SQL output support, inspired by Elasticsearch and Tantivy query syntax.
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.
Simple React forms validation. Performant, flexible and extensible forms with easy-to-use validation.
Build your React-based CRUD applications, without constraints. An open source, headless web application framework developed with flexibility in mind. refine @ GitHub.
Transition and format numbers.
A React component to transition, localize, and format numbers. Dependency-free. Accessible. Customizable.
Related contents:
Full-stack React framework powered by TanStack Router.
Full-document SSR, Streaming, Server Functions, bundling and more, powered by TanStack Router, Vinxi, and Vite. Ready to deploy to your favorite hosting provider.
Related contents:
2 701Free Consistent Icons. Open source free icons library, available in variable stroke SVG format, web font, Figma, React, Vue and Flutter ready to use packages.
A growing library of fancy, fun, animated react components & microinteractions to make the web fun again. Free & Open Source.
Build your Forms Faster. Create forms with Shadcn, react-hook-form and zod within minutes.
This project demonstrates the usage of shadcn-form-builder for building dynamic forms using React Hook Form and Zod for validation.
Unstyled highly composable components that you can copy/paste in your own codebase. Built with Tailwind CSS and a bit of Framer Motion. Customize them as you want.
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.
Related contents:
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.
Related contents:
smooth squircle corners for HTML elements.
Monoco is a tiny JavaScript library that adds squircles (smooth corners) and other corner types to html elements.
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.
A modal state manager for React. This is a small, zero dependency utility to manage modals in a natural way for React. It uses context to persist state of modals globally so that you can show/hide a modal easily either by the modal component or id.
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.
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.
Modular and type-safe forms
Build your next form with Formisch, the open source form library with performance, type safety and bundle size in mind. The lightweight, schema-first, and fully type-safe form library for React, Solid, Vue, Svelte and more.
Related contents:
Scan for React performance issues and eliminate slow renders in your app.
React Scan automatically detects performance issues in your React app.
React Kawaii is a library of cute illustrations that are easily customisable. They are ideal to give some cuteness and personality to your ReactJS application. Just pick an illustration and set the mood and it's done!
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.
A simple, scalable, and powerful architecture for building production ready React applications.
This repo attempts to present a way of creating React applications using some of the best tools in the ecosystem with a good project structure that scales very well. Based on my experience working with a lot of different codebases, this architecture turns out to be the most effective.
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.
Embla Carousel is a bare bones carousel library with great fluid motion and awesome swipe precision. It's library agnostic, dependency free and 100% open source. Build awesome carousels by extending Embla Carousel with your own CSS and JavaScript.