For a library of custom React hooks, the strongest matches are chalarangelo/30-seconds-of-react (30-seconds-of-react is a curated collection of reusable React code), streamich/react-use (react-use is a comprehensive collection of reusable custom React) and uidotdev/usehooks (This is a comprehensive library of reusable React hooks). alibaba/hooks and react-hookz/web round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.
We curate open-source GitHub repositories matching “utility hooks”. Results are ranked by relevance to your query — pick filters below to narrow, or refine with AI.
This project is a comprehensive collection of reusable code snippets, custom hooks, and implementation patterns for building user interfaces with React. It serves as a library of short examples designed to solve common development tasks, ranging from state management to DOM integration. The collection provides a wide array of specialized utilities for interacting with browser APIs, including window dimension tracking, media query evaluation, and online status monitoring. It also includes practical guides and snippets for performance optimization, such as memoization, lazy loading, and state c
30-seconds-of-react is a curated collection of reusable React code snippets and custom hooks that covers state management, DOM/browser API integration, timer utilities, animation frame timers, and more—making it an ideal match for a utility hooks library that solves common React problems.
react-use is a collection of reusable state and effect hooks for managing common logic in React applications. It serves as a comprehensive library for implementing state management patterns and wrapping various browser APIs into consistent hook interfaces. The project provides a specialized toolkit for DOM interaction and browser API integration, allowing components to track element dimensions, manage cookies, and monitor hardware sensors. It includes a suite of animation and timing utilities for physics-based numeric interpolation and frame-synced state updates. Beyond basic state managemen
react-use is a comprehensive collection of reusable custom React hooks that cover state management, browser APIs, animations, timers, side effects, and more, making it exactly the kind of utility hooks library this search is after.
This project is a comprehensive library of reusable React hooks designed to simplify browser API integration, state management, and component lifecycle tracking. It provides a declarative interface for managing complex browser interactions, allowing developers to encapsulate imperative logic into modular, composable functions that integrate directly with the component lifecycle. The library distinguishes itself by offering specialized utilities for asynchronous data orchestration, including built-in caching, retry logic, and loading state management. It also features advanced performance opti
This is a comprehensive library of reusable React hooks covering state management, browser APIs, async data fetching, and many other utilities, exactly matching the need for a curated collection of utility hooks.
This library provides a collection of reusable hooks designed to manage state, side effects, and browser interactions within React applications. It functions as a toolkit for handling asynchronous data fetching and complex component logic, offering a set of type-safe utilities that reduce boilerplate code and improve maintainability. The library distinguishes itself through its focus on isomorphic lifecycle synchronization, ensuring consistent behavior across client and server environments to prevent hydration mismatches. It employs ref-based closure stabilization to ensure that asynchronous
alibaba/hooks is a curated collection of reusable React hooks (known as ahooks) that covers state management, side effects, browser interactions, and data fetching, making it exactly the utility hook library you are looking for.
React hooks done right, for browser and SSR.
react-hookz/web is a well-maintained collection of reusable React hooks for browser and SSR, covering state management, timers, storage, side effects, and DOM APIs — exactly the kind of utility hooks library you are looking for.
This project is a curated library of reusable logic designed to simplify state management and component behavior in web applications. It functions as a frontend development toolkit that provides a collection of community-driven hooks to handle common tasks within the component lifecycle. The library distinguishes itself by offering a centralized repository of shared solutions for managing complex data and interface interactions. By providing pre-built abstractions for browser interfaces, network data requests, and user interface components, it allows developers to replace repetitive boilerpla
This repository is a widely-used collection of reusable React hooks that address common utility needs such as state management, side effects, and browser APIs, making it a direct fit for a curated hook library.
React-anime is a declarative motion framework designed to integrate animation capabilities into component-based user interfaces. It functions as a library for animating CSS, SVG, and DOM properties by mapping component properties directly to animation states, allowing developers to define motion through a component-based architecture. The library distinguishes itself through its ability to manage hierarchical animation sequences and automated lifecycle transitions. It provides tools to orchestrate complex, nested motion effects and handles the entrance and exit of elements as they are added t
React-anime is a specialized animation library for React that provides hooks, so it fits the category of a React hooks library, but it only covers animation and not the broader set of utility hooks you are seeking.
This library provides a collection of strongly typed hooks designed to manage asynchronous tasks, component state, and DOM interactions within user interfaces. It serves as a utility toolkit for tracking data changes, caching asynchronous results, and synchronizing references across both server and browser rendering environments. The project distinguishes itself by offering specialized mechanisms for regulating high-frequency user inputs through debouncing and throttling techniques. It simplifies complex browser interactions, such as keyboard shortcuts, clipboard access, and viewport visibili
This repository is a strongly-typed React hooks library focused on debounce, throttle, and window events, making it a genuine utility hooks collection but one that covers fewer categories than a full-featured flagship.
Didact is a virtual DOM UI framework and a technical implementation guide for building component-based libraries from scratch. It functions as a concurrent rendering engine that divides interface updates into small units of work to maintain main-thread responsiveness. The project features a fiber-based renderer and a hook-based state manager that utilizes linked-list storage to preserve data across render cycles. It employs a double-buffered render tree to calculate updates before committing them to the user interface. The framework covers recursive DOM mounting to transform virtual elements
Didact is an educational implementation of a React-like framework built from scratch, not a curated collection of reusable utility hooks — while it demonstrates hooks internally, it provides no ready-to-use hooks for common tasks like storage, timers, or DOM APIs.
This repository is a gallery of reference projects used to demonstrate the development of interactive user interfaces and dynamic web pages using the React library. It provides a collection of practical application examples focused on component-based architecture and frontend development. The projects serve as demonstrations for coordinating global and local data using hooks, context, and reducers. They include samples for fetching remote data to populate dynamic lists and galleries, as well as implementations of multi-page navigation and dynamic views that do not require browser refreshes.
This repo is a gallery of React project examples that demonstrate hooks in use, but it is not a curated collection of reusable custom hooks meant to be imported as utility solutions for state, storage, timers, or browser APIs.
React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional data flow.
React is the core UI library that provides the primitive hooks (useState, useEffect), not a curated collection of reusable custom utility hooks for state, storage, timers, or browser APIs — you need a dedicated library like react-use or usehooks-ts for that.
React-spring is a physics-based animation library designed to create fluid, natural motion for user interface elements and three-dimensional objects. It functions as a declarative motion framework that maps state changes to animated property values, utilizing spring physics—defined by mass, tension, and friction—rather than traditional time-based easing functions to calculate transitions. The library distinguishes itself through a rendering-agnostic architecture that decouples animation logic from specific UI frameworks, allowing for consistent application across web interfaces, 3D scenes, an
React-spring provides React hooks for physics-based animations, but it is not a general-purpose collection covering state management, debouncing, storage, or other utility hooks you're looking for.
| Repository | Stars | Language | License | Last push |
|---|---|---|---|---|
| chalarangelo/30-seconds-of-react | 5.1K | JavaScript | CC-BY-4.0 | |
| streamich/react-use | 44K | TypeScript | Unlicense | |
| uidotdev/usehooks | 11.4K | MDX | mit | |
| alibaba/hooks | 15K | TypeScript | MIT | |
| react-hookz/web | 2.2K | TypeScript | MIT | |
| nikgraf/react-hooks | 1.1K | JavaScript | MIT | |
| plus1tv/react-anime | 1.6K | TypeScript | MIT | |
| jaredlunde/react-hook | 1.5K | TypeScript | MIT | |
| hexacta/didact | 6.8K | JavaScript | — | |
| john-smilga/react-projects | 5.2K | CSS | — |