awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com

React utility hooks library

Ranking updated Jun 30, 2026

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.

Results for “a library of custom React hooks”

Find the best repos with AI.We'll search the best matching repositories with AI.
  • chalarangelo/30-seconds-of-reactChalarangelo avatar

    Chalarangelo/30-seconds-of-react

    5,081View on GitHub↗

    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.

    JavaScriptData Fetching HooksForm Field State Management
    View on GitHub↗5,081
  • streamich/react-usestreamich avatar

    streamich/react-use

    43,974View on GitHub↗

    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.

    TypeScriptEvent Listener ManagementScroll Interaction HandlersTiming Hooks
    View on GitHub↗43,974
  • uidotdev/usehooksuidotdev avatar

    uidotdev/usehooks

    11,394View on GitHub↗

    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.

    MDXDOM Event ListenersEvent Listener ManagementState Management Hooks
    View on GitHub↗11,394
  • alibaba/hooksalibaba avatar

    alibaba/hooks

    14,966View on GitHub↗

    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.

    TypeScriptReact HooksAsynchronous State ManagementServer-Side Rendering
    View on GitHub↗14,966
  • react-hookz/webreact-hookz avatar

    react-hookz/web

    2,205View on GitHub↗

    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.

    TypeScriptHook Libraries
    View on GitHub↗2,205
  • nikgraf/react-hooksnikgraf avatar

    nikgraf/react-hooks

    1,131View on GitHub↗

    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.

    JavaScriptFrontend Development ToolkitsCustom HooksReact Hooks
    View on GitHub↗1,131
  • plus1tv/react-animeplus1tv avatar

    plus1tv/react-anime

    1,563View on GitHub↗

    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.

    TypeScriptReact Animation Hooks
    View on GitHub↗1,563
  • jaredlunde/react-hookjaredLunde avatar

    jaredLunde/react-hook

    1,535View on GitHub↗

    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.

    TypeScriptReact HooksDebounce and Throttle UtilitiesDebounced Function Delays
    View on GitHub↗1,535
  • hexacta/didacthexacta avatar

    hexacta/didact

    6,752View on GitHub↗

    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.

    JavaScriptState Management HooksHookHook State Storage
    View on GitHub↗6,752
  • john-smilga/react-projectsjohn-smilga avatar

    john-smilga/react-projects

    5,150View on GitHub↗

    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.

    CSSEffect HooksReducer State Management
    View on GitHub↗5,150
  • facebook/reactfacebook avatar

    facebook/react

    245,669View on GitHub↗

    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.

    JavaScriptData Fetching HooksDOM Event ListenersEffect Hooks
    View on GitHub↗245,669
  • pmndrs/react-springpmndrs avatar

    pmndrs/react-spring

    29,115View on GitHub↗

    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.

    TypeScriptAnimation HooksScroll-Driven Animation Tools
    View on GitHub↗29,115

Related searches

  • System utilities
  • Webhooks management system
Compare the top 10 at a glance
RepositoryStarsLanguageLicenseLast push
chalarangelo/30-seconds-of-react5.1KJavaScriptCC-BY-4.0May 7, 2023
streamich/react-use44KTypeScriptUnlicenseJun 10, 2026
uidotdev/usehooks11.4KMDXmitMay 24, 2025
alibaba/hooks15KTypeScriptMITMay 20, 2026
react-hookz/web2.2KTypeScriptMITJun 19, 2026
nikgraf/react-hooks1.1KJavaScriptMITJan 26, 2023
plus1tv/react-anime1.6KTypeScriptMITFeb 27, 2023
jaredlunde/react-hook1.5KTypeScriptMITJan 9, 2025
hexacta/didact6.8KJavaScript—Jan 31, 2026
john-smilga/react-projects5.2KCSS—Jul 24, 2024
Build toolchain
  • DOM interaction library
  • a library for browser automation and scraping
  • a library for implementing plugin hook systems
  • Form management library
  • Automated testing framework