react
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.
🌠 Async loading, performant Image component for React.js. A powerful, customisable, Suspense-like <img> component that (optionally) simulates a shimmer effect while loading. (with zero dependencies!).
A growing library of fancy, fun, animated react components & microinteractions to make the web fun again. Free & Open Source.
bring your components to life with simple spring animation primitives
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.
Trendiest Open Source & Free Admin Dashboard Template for React, Chakra UI, Tailwind CSS, TypeScript, JavaScript and NextJS
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.
Hundreds of ready-to-play sound effects for your React applications Add delight to your UI with just a few lines of code
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:
Setup Create React App with React Boilerplate. Highly scalable & Best DX & Performance Focused & Best practices. Crafted for highly scalable & performant and easily maintainable React.js applications with a focus on best DX and best practices.
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.
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.
Create accessible React apps with speed. A simple, modular and accessible component library that gives you the building blocks you need to build your React applications.
Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.
Chakra UI is a comprehensive library of accessible, reusable, and composable React components that streamlines the development of modern web applications and websites. The library offers a diverse range of components that can be easily combined to build complex user interfaces while adhering to accessibility best practices.
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.
A fast, composable, unstyled emoji picker made with Tailwind & React.
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:
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.
A growing library of fancy, fun, animated react components & microinteractions to make the web fun again. Free & Open Source.
Build unique web UIs. Easy to customize UI ressources built on top of modern frontend tools to make your ideas stand out.
Tailwindcss highly customizable components for building modern websites and applications, with your personnal spark.
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.
This mini-course is designed to help React developers learn Vim commands and apply them to real-world scenarios by fixing and editing React code. The course focuses on the most helpful Vim commands when working with React and JavaScript.
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 practical way to learn Angular, React & Vue all at once.
Build in-app AI chatbots in days, not weeks.
assistant-ui is a chatbot UI for your React app
Related contents:
Baklava is a design system provided by Trendyol to create a consistent UI/UX for app users.
Web implementation of the design system is created as native web components so it can be used within every type of web frameworks including Vue, React or Angular. Our target is providing a UI library that has neatly designed and developed for providing best possible user experience for the users of applications that uses Baklava DS.
Make HTML elements spin in response to scrolling. Spinning slows down with friction. Works with vertical and horizontal scrolling on any element.
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.
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.
React hook that persists data in localStorage.
Chat with AI to build React apps instantly.
🔥 Clone and recreate any website as a modern React app in seconds.
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:
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 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.
An off-canvas sidebar React component with a collection of effects and styles using CSS transitions and SVG path animations.
Create 💎 beautiful animations from boring screen recordins withing ⏳ seconds
Create animated mockups from boring screen recordings in seconds, powered by React.
React Documentation Framework. Minimal Documentation Framework, powered by React + Vite. Vocs is a minimal static documentation generator designed to supercharge your documentation workflow, built with modern web technologies.
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.
A higher order component to wrap react-markdown with support for MDX component elements.
Related contents:
Free Modern React Templates & Components for building landing pages and UIs
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:
Lightweight SVG/CSS spinners for React.
9 awesome typescript-aware lightweight spinners built as react.js components.
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 lightweight, modular, JavaScript image and video lightbox gallery plugin. Available for React.js, Vue.js, Angular, and TypeScript.
🚀 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.
Free Web Form API - Form to Email, Slack, Notion, Telegram and More. Complete Web Form Solution for Static Websites. FormBold is a powerful form API and serverless form backend that works with all hosting, SSG, and frameworks. Receive form submissions directly to your email inbox, slack, telegram, notion, and more. Ready to use with any Static, Jamstack, and SSG sites including - HTML, React, Next.js, Gatsby, Vue, Nuxt, Hugo, and Jekyll.
React hooks for the AWS UI component library.
use-awsui is a collection of React hooks for the AWS UI components. By instantiating your components' local state with this library, you can save repetitive boilerplate surrounding state instantiation and event handlers. You may also rest comfortably knowing this package maintains 100% test coverage.
React-based framework for building dynamic, Shopify-powered custom storefronts.
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.
React Native + Web UI kit Style React Native and Web with an optimizing compiler. Tamagui lets you share more code between web and native apps while improving, rather than sacrificing, DX, performance, and code maintainability.
Searchkit is a suite of UI components built in react. The aim is rapidly create beautiful search applications using declarative components, and without being an ElasticSearch expert.
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.
primitive and flexible state management for React. Jotai takes an atomic approach to global React state management inspired by Recoil.
Build state by combining atoms and renders are automatically optimized based on atom dependency. This solves the extra re-render issue of React context, eliminates the need for memoization, and provides a similar developer experience to signals while maintaining a declarative programming model.
Related contents: