React Resources
Rive
Build interactive animations that run anywhere
React Handbook
Modern approaches to architecture and feature development for production-ready React apps.
@textea/json-viewer
Allows you to display JSON data in a readable and user-friendly format. But it's not just limited to JSON - you can use it to view ANY kind of data. The library is highly customizable and supports 100% TypeScript, making it easy to modify and tailor to your specific needs.
Rete.js
A tailorable TypeScript-first framework for creating processing-oriented node-based editors
Ark UI
Get fully customizable, accessible and unstyled UI components
unpic img
Multi-framework responsive image component
SVGR
A complete tool box to take advantage of using SVGs in your React applications.
Adding Elegant Shadows with React to Invite Users to Scroll
An article from Qovery which shares how to improve scrolling UX.
React Cosmos
Sandbox for developing and testing UI components in isolation
React Hooks Library
A collection of hooks and utilities for React
usehooks-ts
React hook library, ready to use, written in TypeScript.
Boringer Avatars
Placeholder Avatars for the Modern World
Mafs
React components for interactive math
TypeScript Form
Build maintainable, typesafe forms faster 🏃💨
Scrollex
Scrollex is a react library that lets you build beautiful scroll experiences using minimal code.
Novu
Fully featured notification center in minutes
React DayPicker
React DayPicker is a date picker component for React. Renders a calendar where the user can browse months to select days. DayPicker is customizable, works great with input fields and can be styled to match any design.
React Wrap Balancer
Simple React Component That Makes Titles More Readable
tRPC Panel
tRPC Panel automatically generates a trpc native testing UI for your tRPC backend with one line of code with zero developer overhead
React Email
A collection of high-quality, unstyled components for creating beautiful emails using React and TypeScript.
spin-delay
Smart spinner helper for React, to manage the duration of loading states
Bedrock Layout Primitives
A collection of utility components that are designed to be used as building blocks for your web application's layout
tremor
The React library to build dashboards fast
AnimXYZ
The first composable CSS animation toolkit
Patterns.dev
Patterns.dev is a free book on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React.
Remirror
Makes ProseMirror fun to use for React developers
⌘K
Fast, composable, unstyled command menu for React.
React Simple Maps
Create beautiful SVG maps in react with d3-geo and topojson using a declarative api.
Mailing
Build + test + send emails with React
Jotai
Primitive and flexible state management for React
orval
Generate, valid, cache and mock in your frontend applications all with your OpenAPI specification.
Saas UI
Saas UI is a React component library that doesn't get in your way and helps you build intuitive SaaS products with speed.
react-merge-refs
React utility to merge refs 🖇
react-scanner
Extract React components and props usage from code.
Build strongly typed polymorphic components with React and TypeScript
Build strongly typed polymorphic components with React and TypeScript
AutoAnimate
Add motion to your apps with a single line of code
Zag
Rapidly build UI components without sweating over the logic
Markdoc
A powerful, flexible, Markdown-based authoring framework
Lexical
An extensible text editor library that does things differently
Avvvatars
Open Source React UI Avatar Library
Vitest
A blazing fast unit-test framework powered by Vite ⚡️
Ladle
Develop and test your React stories faster.
JSON Forms
JSON Forms is a JSON Schema based approach for creating forms.
NextUI
Make beautiful websites regardless of your design experience.
Remix
Remix is a full stack web framework that let’s you focus on the user interface and work back through web fundamentals to deliver a fast, slick, and resilient user experience. People are gonna love using your stuff.
Section Scroll
A declarative solution to vertically navigate your React App
React Location
Declarative & asynchronous route elements and data loaders, first-class Search Param APIs, nested-routing, code-splitting and so much more.
Scoutbar
Scoutbar is a user-friendly, easy-to-use, scalable, and highly customizable component for automating your navigation experience.
React Spreadsheet
Simple, customizable yet performant spreadsheet for React
react-collapsed
A React custom-hook for creating flexible and accessible expand/collapse components.
Roving UX React
Stateful roving index for react web ui
KBar
kbar is a fully extensible command+k interface for your site
use-undo
React Hooks to implement Undo and Redo functionality
react-tracking
🎯 Declarative tracking for React apps
React Haze
Easily show a fade at edges of lists to indicate scrollability
react-nice-avatar
react library for generating avatar
The gooey effect for React
The gooey effect for React
react-star
A tiny star rating component with custom icons for React.
Choc UI
Choc UI is a set of accessible and reusable components that are commonly used in web applications.
Storybook Testing React
Testing utilities that allow you to reuse your Storybook stories in your React unit tests!
React Colorful
A tiny color picker component for React and Preact apps
react-polymorphic-box
Building blocks for strongly typed polymorphic components in React.
React Without Build Tools
Jim Nielsen explains how to set up a React environment with a simple HTML file
React Scroll Parallax
🔮 React components to create parallax scroll effects for banners, images or any other DOM elements
useEffect.dev
A course to master React Hooks
react-use-wizard
🧙 A React wizard (stepper) builder without the hassle, powered by hooks.
Supercons
A friendly, open source React iconset
Storybook Tutorials
Learn to develop UIs with components and design systems
Webrix.js
Powerful building blocks for React-based web applications
React Static Tweets
Extremely fast static renderer for tweets.
Formium
Headless Form Builder For Developers
Remotion
Create motion graphics in React
react-tree
A hierarchical object tree component for React
Design Systems CLI
A CLI toolbox for creating design systems
devtools-ds
UI components, libraries, and templates for building robust devtools experiences.
Chakra Templates
Production-ready Chakra UI Templates for developers
React UI Boutique
Hundreds of beautiful and responsive UI components, premade and ready to use for your next ReactJS project. Made with Chakra UI and Framer Motion.
React Dev Inspector
dev-tool for inspect react components and jump to local IDE for component code
RevoGrid
Excel like data grid component
react-use
Collection of essential React Hooks
AnimXYZ
The first composable CSS animation toolkit
use-local-storage-state
React hook that persist data in local storage
React Hot Toast
Smoking hot React notifications
Focus Rings
A centralized system for displaying and stylizing focus indicators anywhere on a webpage.
FilePond
A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience.
renature
A physics-based animation library for React inspired by the natural world.
react-stickynode
A performant and comprehensive React sticky component.
Object Hooks
React Hooks for Mutable State
Reapop
A simple & customizable notifications system for React
react-use-scrollspy
Flexible React Hook to automatically update navigation based on scroll position
Reflexjs
A styling library that has everything you care about.
use-persisted-state
A custom React Hook that provides a multi-instance, multi-tab/browser shared and persistent state.
useSelectedItems
Easily select items based on an array
Hoofd
Hooks to populate the html head.
react-simple-code-editor
A simple no-frills code editor with syntax highlighting.
repng
React component to PNG converter
useTweaks
🎛️ Tweak React components with Tweakpanes
React Flow
Highly customizable React.js library for building interactive node-based editors, flow charts and diagrams.
React UseGesture
React UseGesture allows you to implement advanced UI interactions with just a few lines of code.
React Spectrum Libraries
A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
React Lazy Load Image Component
React Component to lazy load images and components using a HOC to track window scroll position.
React-Menu
A customisable, lightweight, and optimised React menu library with accessibility.
Loader generator
Customize your loader, install Motion in your React app, and copy-paste the generated code.
Framer Motion
A production-ready motion library for React. Utilize the power behind Framer, the best prototyping tool for teams. Proudly open source.
React Simple Image
Elegant lazy load images
React Extension Boilerplate
🚀 Modern React boilerplate for Firefox and Chrome extensions.
React Toast Notifications
A configurable, composable, toast notification system for react.
Focus Layers
Tiny React hooks for isolating focus within subsections of the DOM.
visx
A collection of expressive, low-level visualization primitives for React
useSSR
☯️ React hook to determine if you are on the server, browser, or react native
React SyncScroll
ScrollSync provider component
react-use-measure
🙌 Utility to measure view bounds
react-intersection-observer
React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport. Contains both a Hooks, render props and plain children implementation.
REACT COOL IMG
A React <Img /> component let you handle image UX and performance as a Pro!
Zustand
🐻 Bear necessities for state management in React
react-insta-stories
Create Instagram like stories on the web using React
Reoverlay
The missing solution for managing modals in React.
React Gesture Responder
Complex gestures for your React application
Docz
It's never been easier to document your things!
Figbird
Effortless realtime data management for React + Feathers applications.
Expo
With Expo tools, services, and React, you can build, deploy, and quickly iterate on native Android, iOS, and web apps from the same JavaScript codebase.
react-sortable-pane
Sortable and resizable pane component for react.
Atomic Layout
Atomic Layout is a spatial distribution library for React. It uses CSS Grid to define layout areas and render them as React components.
react-rnd
A resizable and draggable component for React.
React Shimmer
🌠 Async loading, performant Image component for React.js
react-embed
Embed 3rd party widgets
React-reparenting
The reparenting tools for React
React Virtual
Hooks for virtualizing scrollable elements in React
react-error-boundary
A simple, reusable React error boundary component
use-is-in-viewport
A react hook to find out if an element is in a given viewport with a simple api.
react-loading-skeleton
Make beautiful, animated loading skeletons that automatically adapt to your app.
use-stripe-cart
Shopping cart state and logic for Stripe
beautiful-react-ui
A collection of lightweight and easy-to-customise controlled React components
Snuggle
Lightweight React component to create css-based masonry-like layouts. Snuggle all your components really tight 🛌
React Avatar
Create Image Avatars with text based fallbacks
React Query
Hooks for fetching, caching and updating asynchronous data in React
React GridList
A virtual-scrolling GridList component based on CSS Grids
Spinners React
Lightweight SVG/CSS spinners for React
useSound
A React Hook for Sound Effects
react-easy-crop
A React component to crop images with easy interactions
React-timeago
A simple time-ago component
React Icons
Include popular icons in your React projects easly with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using.
react-beautiful-dnd
Beautiful and accessible drag and drop for lists with React
react-window
React components for efficiently rendering large lists and tabular data
OpenChakra
OpenChakra is a visual editor for React based on Chakra UI
Docusaurus
Docusaurus makes it easy to maintain Open Source documentation websites.
Reakit
Build accessible rich web apps with React
Welcome UI
Customizable design system with react • styled-components • styled-system and reakit.
React Testing Library
React Testing Library builds on top of DOM Testing Library by adding APIs for working with React components.
Jest
Jest is a delightful JavaScript Testing Framework with a focus on simplicity.
React-pdf
React renderer for creating PDF files on the browser, mobile and server.
React Router
React Router is a collection of navigational components that compose declaratively with your application.
use-immer
A hook to use immer as a React hook to manipulate state.
MDX
MDX is an authorable format that lets you seamlessly write JSX in your Markdown documents.
react-spring
bring your components to life with simple spring animation primitives
react-top-loading-bar
A very simple, highly customisable youtube-like react loader component.
CodeSandbox
An instant IDE and prototyping tool for rapid web development.
Chakra UI
Build accessible React apps & websites with speed
Theme UI
Build themeable design systems based on constraint-based design principles
SWR
React Hooks for Remote Data Fetching
Reach UI
Reach UI seeks to become the accessible foundation of your React-based design system.
react-async
🍾 Flexible promise-based React data loader
react-rewards
Package containing a few microinteractions you can use to reward your users for little things and make them smile!
React Kawaii
Cute React SVG Components
React Epic Spinners
React Implementation of EPIC SPINNERS
Storybook
Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.