Topics / #hooks

Hooks projects on GitHub

React hooks patterns for state and effects

As of , the most-starred Hooks projects on GitHub are zustand (58.8K stars), query (50.4K stars) and react-hook-form (44.9K stars). GitHub.Locker tracks 66 Hooks repositories with 1.2M stars combined. The fastest-growing on October 16 was context-mode, with +432 stars in a day.

66Projects
1.2MStars in total
+1KStars in a day
Browse in the catalog →github.com/topics/hooks ↗

Hot right now

Most stars gained in a day · Oct 16

+432

context-mode

mksglu/context-mode · ★ 30.3K

Context Mode is an MCP server plus hooks that keeps bulky tool output out of your AI coding agent's context window (98% reduction), persists session memory, and enforces tool routing across 17 platforms.

+90

Baize

Xu123-Bob/Baize · ★ 557

Baize is an open-source AI coding agent CLI that acts as a drop-in alternative to Claude Code CLI, letting you describe tasks in natural language while it writes, edits, and runs code for you.

+76

PilotDeck

OpenBMB/PilotDeck · ★ 4.5K

An open-source agent operating system for task-oriented, multi-project productivity work, where AI agents run real projects in isolated WorkSpaces. Jointly developed by Tsinghua THUNLP, ModelBest, OpenBMB and AI9Stars.

+61

Claude-Code-Game-Studios

Donchitos/Claude-Code-Game-Studios · ★ 26.7K

A template that turns a Claude Code session into a structured game studio: 49 specialized AI agents led by directors, 73 slash-command skills, 12 validation hooks, and 41 document templates.

The all-time top

66 projects · by stars

  1. #1 · pmndrs/zustand

    zustand

    Zustand is a small, fast state-management library for React built on simplified flux principles, with a hook-based API that is not boilerplate-heavy or opinionated.

    58.8K
  2. #2 · TanStack/query

    query

    TanStack Query is an async state management library that simplifies fetching, caching, synchronizing, and updating server state in web apps.

    50.4K
  3. #3 · react-hook-form/react-hook-form

    react-hook-form

    React Hook Form is a library of React Hooks for building and validating forms, usable in both web apps and React Native apps.

    44.9K
  1. 4

    react-use

    44Kstreamich/react-use · TypeScript

    react-use is a large collection of reusable React Hooks covering sensors, UI interactions, animations, side-effects, lifecycles, and state management.

  2. 5

    claude-howto

    41.9Kluongnv89/claude-howto · Python

    A free, open-source guide to Claude Code: 10 visual tutorial modules with Mermaid diagrams and copy-paste templates that take you from your first slash command to advanced agent setups in 11-13 hours.

  3. 6

    styled-components

    41.1Kstyled-components/styled-components · TypeScript

    A CSS-in-JS library for React: styles are written in JavaScript and turned into styled components, with one API across server components, client components, streaming SSR and React Native.

  4. 7

    ink

    40.1Kvadimdemedes/ink · TypeScript

    Ink is React for the terminal: a library for building interactive command-line apps out of components, with the same component-based UI experience React offers in the browser.

  5. 8

    preact

    38.9Kpreactjs/preact · JavaScript

    Preact is a fast, 3kB alternative to React that implements the same modern API, including Components and Virtual DOM.

  6. 9

    husky

    35.4Ktypicode/husky · JavaScript

    Husky is a tool that makes it easy to set up and manage Git hooks, so scripts run automatically on Git events like commits or pushes.

  7. 10

    formik

    34.3Kjaredpalmer/formik · TypeScript

    Formik is a small React library for building forms: it handles the three most annoying parts - getting values in and out of form state, validation and error messages, and handling form submission.

  8. 11

    oh-my-codex

    33.6KYeachan-Heo/oh-my-codex · TypeScript

    OMX (oh-my-codex) is a workflow layer on top of OpenAI's Codex CLI that adds hooks, agent teams, HUDs, prompts, and canonical workflow commands like $plan, $ultragoal, $team, $code-review, and $ultraqa, while keeping Codex itself as the execution engine.

  9. 12

    swr

    32.5Kvercel/swr · TypeScript

    SWR is a React Hooks library for data fetching. The name comes from stale-while-revalidate (HTTP RFC 5861): cached data is shown first, then the request revalidates and fresh data updates the UI.

  10. 13

    mantine

    31.8Kmantinedev/mantine · TypeScript

    Mantine is a fully featured React components library: @mantine/core alone ships 100+ components, and companion packages cover forms, charts, notifications, editors and more.

  11. 14

    context-mode

    30.3Kmksglu/context-mode · TypeScript

    Context Mode is an MCP server plus hooks that keeps bulky tool output out of your AI coding agent's context window (98% reduction), persists session memory, and enforces tool routing across 17 platforms.

  12. 15

    agentmemory

    29.6Krohitg00/agentmemory · TypeScript

    Persistent memory for AI coding agents: it captures what your agent does, compresses it into searchable memory, and injects the right context when the next session starts, so you stop re-explaining your project to Claude Code, Cursor or Codex.

  13. 16

    react-spring

    29.2Kpmndrs/react-spring · TypeScript

    react-spring is a spring-physics-based animation library for React, letting you animate values fluidly instead of using fixed-duration easing curves.

  14. 17

    crush

    28.7Kcharmbracelet/crush · Go

    A terminal-based AI coding agent from Charm: it wires your tools, code, and workflows into the LLM of your choice and works as a coding partner right in your terminal.

  15. 18

    table

    28.5KTanStack/table · TypeScript

    TanStack Table is a headless table library for building powerful datagrids in TypeScript and JavaScript. You may know it by its adapter names — React Table, Vue Table, Solid Table, Svelte Table.

  16. 19

    planning-with-files

    27.5KOthmanAdi/planning-with-files · Python

    A skill for AI coding agents that keeps the plan on disk in three markdown files — taskplan.md, findings.md and progress.md — and re-injects it every turn, so it survives /clear, crashes and context compaction.

  17. 20

    grok-build

    27.4Kxai-org/grok-build · Rust

    Grok Build is SpaceXAI's terminal-based AI coding agent. It runs as a full-screen TUI that understands your codebase, edits files, executes shell commands, searches the web, and manages long-running tasks, either interactively, headlessly for scripting/CI, or embedded in editors via the Agent Client Protocol (ACP).

  18. 21

    ai

    27.4Kvercel/ai · TypeScript

    It's the AI SDK — a free, open-source TypeScript toolkit from Vercel (the Next.js team) for building AI-powered applications and agents with Next.js, React, Svelte, Vue, Angular and Node.js.

  19. 22

    Claude-Code-Game-Studios

    26.7KDonchitos/Claude-Code-Game-Studios · Shell

    A template that turns a Claude Code session into a structured game studio: 49 specialized AI agents led by directors, 73 slash-command skills, 12 validation hooks, and 41 document templates.

  20. 23

    LSPosed

    25.1KLSPosed/LSPosed · Java

    LSPosed is an Android hooking framework shipped as a Riru/Zygisk Magisk module. It gives modules the original Xposed APIs to change the behavior of the system and apps without touching any APKs.

  21. 24

    passport

    23.5Kjaredhanson/passport · JavaScript

    Passport is Express-compatible authentication middleware for Node.js. Its sole purpose is authenticating requests, which it does through an extensible set of plugins called strategies.

  22. 25

    jotai

    21.3Kpmndrs/jotai · TypeScript

    Jotai is a primitive and flexible state management library for React. It scales from a simple useState replacement all the way to an enterprise TypeScript application.

  23. 26

    Recoil

    19.4Kfacebookexperimental/Recoil · JavaScript

    Recoil is an experimental state management library for React apps, built to add capabilities that are hard to get with plain React (like shared derived state and fine-grained updates), while staying compatible with React's newest features.

  24. 27

    cz-cli

    17.5Kcommitizen/cz-cli · JavaScript

    A free, open-source Node.js CLI that prompts you for commit message fields at commit time, so every message follows your project's convention — no digging through CONTRIBUTING.md, no hook rejections.

  25. 28

    OpenHarness

    16KHKUDS/OpenHarness · Python

    OpenHarness is an open-source Python agent harness: the infrastructure that turns an LLM into a working agent with tool use, skills, memory and multi-agent coordination. It also ships ohmo, a personal agent that works for you in chat apps.

  26. 29

    react-spectrum

    16Kadobe/react-spectrum · TypeScript

    Adobe's open-source collection of libraries and tools for building adaptive, accessible, and robust user experiences with React.

  27. 30

    hooks

    15Kalibaba/hooks · TypeScript

    This is ahooks, a high-quality and reliable React Hooks library from Alibaba, bundling a large set of ready-made hooks for everyday React development.

  28. 31

    recompose

    14.8Kacdlite/recompose · JavaScript

    Recompose is a React utility belt for function components and higher-order components — think of it as lodash for React: a toolkit of small, composable helper functions rather than an app or a framework.

  29. 32

    nginx-rtmp-module

    14Karut/nginx-rtmp-module · C

    nginx-rtmp-module turns NGINX into a media streaming server, adding RTMP, HLS and MPEG-DASH live streaming plus RTMP video-on-demand playback of FLV/MP4 files.

  30. 33

    react-redux-typescript-guide

    13.3Kpiotrwitek/react-redux-typescript-guide · TypeScript

    A living guide collecting the most important patterns and recipes for using React and Redux in a fully type-safe way with TypeScript, favoring type inference over manual type annotations.

  31. 34

    snabbdom

    12.4Ksnabbdom/snabbdom · TypeScript

    Snabbdom is a virtual DOM library focused on simplicity, modularity, powerful features and performance. You describe your UI as vnodes and it efficiently patches the real DOM to match.

  32. 35

    downshift

    12.3Kdownshift-js/downshift · JavaScript

    A set of primitives for building your own autocomplete, combobox, select dropdown or multi-select tag-group components in React, with WAI-ARIA accessibility built in.

  33. 36

    webhook

    12.2Kadnanh/webhook · Go

    Webhook is a lightweight Go server that exposes HTTP endpoints (hooks) and runs a configured shell command whenever that endpoint receives a request, optionally passing along headers, payload, or query data.

  34. 37

    matrix

    12.1KTencent/matrix · Java

    Matrix is an APM (Application Performance Management) system developed by WeChat to monitor, locate and analyse performance problems in mobile apps. It runs in production inside WeChat itself.

  35. 38

    BiliRoaming

    11.5Kyujincheng08/BiliRoaming · Kotlin

    BiliRoaming (哔哩漫游) was an Xposed module that unblocked region-restricted bangumi (anime) in the Android Bilibili app, with a few miscellaneous extra features. The repo is now archived, and its README is a cease-and-desist letter from Bilibili's lawyers.

  36. 39

    usehooks

    11.5Kuidotdev/usehooks · MDX

    useHooks is a collection of modern, server-safe React hooks maintained by the ui.dev team, covering common needs like debouncing, local storage, media queries, and geolocation.

  37. 40

    nitro

    11.3Knitrojs/nitro · TypeScript

    Nitro is a server toolkit that extends your Vite app with a production-ready server you can add routes to and deploy anywhere.

  38. 41

    beef

    11.1Kbeefproject/beef · JavaScript

    BeEF (Browser Exploitation Framework) is a penetration testing tool that focuses on the web browser, letting a tester assess the real security posture of a target by using client-side attack vectors instead of network-perimeter exploits.

  39. 42

    jira_clone

    11.1Koldboyxx/jira_clone · JavaScript

    A simplified Jira clone: a web app with a React/Babel client and a Node/TypeScript API. A React consultant built it as a showcase of a modern, real-world React codebase to read and learn from, not as a production product.

  40. 43

    react-dropzone

    11Kreact-dropzone/react-dropzone · TypeScript

    react-dropzone is a React hook that turns any element into an HTML5-compliant drag-and-drop zone for files, handling the browser drag events and file selection for you.

  41. 44

    nuqs

    10.9K47ng/nuqs · TypeScript

    nuqs is a type-safe state manager for React that keeps state in the URL query string — like useState, but the value lives in the URL and survives sharing or reloading the page.

  42. 45

    awesome-react-hooks

    10.3Krehooks/awesome-react-hooks

    A curated (awesome) list of React Hooks resources: official docs, discussions, tutorials, videos, podcasts, dev tools, other hook catalogs, and dozens of individual hook npm packages.

  43. 46

    valtio

    10.2Kpmndrs/valtio · TypeScript

    Valtio is a small state-management library: you wrap any JS object and it becomes a self-aware proxy, so React components re-render automatically when the data they read changes. It also works without React.

  44. 47

    react-i18next

    10.1Ki18next/react-i18next · JavaScript

    react-i18next is a library that adds internationalization to React apps: you translate your UI through the i18next ecosystem instead of hardcoding strings.

  45. 48

    claude-code-infrastructure-showcase

    10Kdiet103/claude-code-infrastructure-showcase · TypeScript

    A curated reference library of production-tested Claude Code infrastructure — hooks, skills and agents extracted from 6 months of daily use on a real TypeScript microservices project. It fixes the problem that skills do not activate automatically and shows patterns that scale Claude Code for enterprise development.

  46. 49

    pixel-agents

    9.7Kpixel-agents-hq/pixel-agents · TypeScript

    Pixel Agents turns the AI coding agents running in your terminals into animated pixel-art characters working in a tiny office — they walk to desks, type when editing files, read when searching, and flag you visually when stuck waiting for input.

  47. 50

    plannotator

    9.5Kbacknotprop/plannotator · TypeScript

    Plannotator is a local, browser-based review surface for AI coding agents: when your agent proposes a plan, HTML, or finishes writing code, the work opens in your browser so you can annotate it and send feedback straight back to the agent.

  48. 51

    harness-sdk

    8.8Kstrands-agents/harness-sdk · Python

    Strands Agents - an open-source SDK for building and running AI agents in Python and TypeScript, with a model-driven approach where a working agent takes just a few lines of code.

  49. 52

    capsule-memory

    8.4Kunicity-aos/capsule-memory · Rust

    It is a 'capsule' (plugin) for Astrid OS / Unicity AOS agents that gives them cross-session memory: it reads a local memory file from the workspace and injects its content into the system prompt so the agent remembers what happened in previous sessions.

  50. 53

    superpowers-zh

    8.3KjnMetaCode/superpowers-zh · JavaScript

    The Chinese community edition of superpowers — a skills framework for AI coding tools. It installs 20 battle-tested workflow skills (brainstorming, planning, TDD, debugging, code review) into 26 AI coding agents so they follow proven work methods.

  51. 54

    kimi-code

    7.9KMoonshotAI/kimi-code · TypeScript

    Kimi Code CLI is an AI coding agent that runs in your terminal — it reads and edits code, runs shell commands, searches files, fetches web pages, and decides the next step based on the feedback it gets. It works with Moonshot AI's Kimi models out of the box and can be configured to use other compatible providers.

  52. 55

    agent-scripts

    7.4Ksteipete/agent-scripts · Shell

    A personal toolbox for AI coding agents: shared agent instructions, reusable workflow skills and small portable scripts kept in one canonical repo and synced into the author's Codex and Claude Code setups.

  53. 56

    n8n-skills

    6.4Kczlonkowski/n8n-skills · Shell

    A set of 14 Claude Code skills (plus a router skill and hooks enforcement layer) that teach AI assistants how to build production-ready n8n workflows using the n8n-mcp MCP server, and how to self-host n8n to run them.

  54. 57

    claude-code-showcase

    6.1KChrisWiles/claude-code-showcase · JavaScript

    A reference repository showing a full Claude Code project configuration: hooks, skills, agents, slash commands, MCP servers, LSP integration, and GitHub Actions workflows that you can copy into your own project.

  55. 58

    failproofai

    5.6KFailproofAI/failproofai · TypeScript

    Failproof AI is an observability and enforcement layer that sits inside AI agent harnesses (coding CLIs, chat gateways, self-hosted assistants), capturing every run and blocking dangerous tool calls before they execute.

  56. 59

    peon-ping

    5.1KPeonPing/peon-ping · Shell

    peon-ping plays Warcraft III Peon voice lines and shows bold on-screen banners whenever your AI coding agent (Claude Code, Codex, Cursor, and others) finishes a task or needs your input, so you stop babysitting the terminal and losing focus.

  57. 60

    PilotDeck

    4.5KOpenBMB/PilotDeck · TypeScript

    An open-source agent operating system for task-oriented, multi-project productivity work, where AI agents run real projects in isolated WorkSpaces. Jointly developed by Tsinghua THUNLP, ModelBest, OpenBMB and AI9Stars.

  58. 61

    Continuous-Claude-v3

    3.9Kparcadei/Continuous-Claude-v3 · Python

    Continuous Claude is a plugin/environment layered on top of Claude Code that adds persistent memory, context-efficient handoffs, and multi-agent orchestration so Claude keeps learning across sessions instead of losing context on compaction.

  59. 62

    Athena-Public

    615winstonkoh87/Athena-Public · Python

    Athena is a local-first memory layer for AI coding agents: it stores your working context as plain Markdown files on your own disk so any model or IDE can pick up where the last one left off.

  60. 63

    Baize

    557Xu123-Bob/Baize · JavaScript

    Baize is an open-source AI coding agent CLI that acts as a drop-in alternative to Claude Code CLI, letting you describe tasks in natural language while it writes, edits, and runs code for you.

  61. 64

    browser-use-pi

    431browser-use/browser-use-pi · TypeScript

    Browser Use Pi is a tiny TypeScript SDK that lets an AI agent write live JavaScript to drive a real Chrome browser over the raw DevTools Protocol, instead of calling a fixed set of browser actions.

  62. 65

    squeez

    217claudioemmanuel/squeez · Rust

    Squeez is a hook-based token compressor for seven AI coding CLI hosts (Claude Code, Copilot CLI, OpenCode, Gemini CLI, Codex CLI, Pi, Hermes) that intercepts tool output and shrinks bash results by up to 95% without losing exact identifiers.

  63. 66

    procoder

    211azrtydxb/procoder · Go

    A discipline layer for AI coding agents: one Go binary that gives the agent a commit gate it cannot talk its way past, quality controllers that refuse to call unfinished work done, and a self-learning loop for escaped bugs.

Often tagged together