React UI Utilities

Create amazing 360 and VR content using React

🤳 VR/AR with react-three-fiber

Automatic breadcrumbs for React-Router

📏 Compute measurements of a React component.

Make your React Components aware of their width and height!

[Looking for maintainers]

Component-wrapper to determine and report children elements height

Provide props to your React Components based on their Width and/or Height.

Lightweight keydown wrapper for React components

React component to handle keyboard events 🔑

Determine the cursor aim for triggering mouse events.

🐭 React hook that tracks mouse events on selected element - zero dependencies

Makes listening to key press event easy.

[Looking for maintainers]

Wrapper component that detects element resize and passes new dimensions down the tree. Based on https://github.com/wnr/element-resize-detector

Component-wrapper to determine and report children elements height

A React component to execute a function whenever you scroll to an element.

Sensor component for React that notifies you when it goes in or out of the window viewport.

📋 React Hooks for form state management and validation (Web + React Native)

Build forms in React, without the tears 😭

A React component for building Web forms from JSON Schema.

A Higher Order Component using react-redux to keep form state in a Redux store

🏁 High performance subscription-based form state management for React

Performance-focused API for React forms 🚀

A React library for building forms from any schema.

A form input builder and validator for React JS

A delightful React form framework

🇨🇭 A React renderer for Three.js

🚀 🌪 Super-fast 3D framework for Web Applications 🥇 & Games 🎮. Based on Three.js

💪📦 Flexbox for react-three-fiber

🦍• React Renderer to build UI interfaces using canvas/WebGL (TV and Hardware-Accelerated GPU development based)

Declarative hotkey and focus area management for React

Manage keyboard shortcuts from one place

Lazy load your component, image or anything matters the performance.

🌅 React lazy load images with IntersectionObserver API and Priority Hints

React component that renders children elements when they enter the viewport.

A document head manager for React

Declarative, nested, stateful, isomorphic document.title for React

Thread-safe Helmet for React 16+ and friends

HTML meta tags for React-based apps. Works for both client- and server-side rendering, and has a strict but flexible API.

A React SEO component

SEO metatags for React apps, especially Gatsby & NextJS blogs

A ReactJS component that creates a pagination

Laravel Pagination with ReactJS (customizable)

⚛️ React render props component & custom hook for pagination.

🎯 React component for transportation of modals, lightboxes, loading bars... to document.body or else.

Layering system for React. Useful for popover/modals/tooltip/dnd application

Declarative routing for React

🥢 A minimalist-friendly ~1.5KB routing for React and Preact. Nothing else but HOOKS.

Redux bindings for React Router – keep your router state inside your Redux store

🧭 Declarative, asynchronous routing for React.

A simple middleware-style router for isomorphic JavaScript web apps

React router with a small footprint for modern browsers

Declarative router component for React.

React Router scroll management

A routing library of React.

Extensible route-based routing for React applications

🔼 UI-Router for React

Server Side Rendering library for React Router v4.

Redux history binding support react-router - @reach/router - wouter - react-location

🖌️ Renders highlighted Prism output to React (+ theming & vendored Prism)

Simple declarative and universal A/B testing component for React.

React components for implementing UI experiments