Log inSubmit server
Reactuse logo

Reactuse

by childrentime

Discover ReactUse hook signatures, demos, and usage patterns through an MCP-compatible documentation interface.

InstallRepositoryWebsite
Full README Compare alternatives Embed widget Claim this listing

Install Reactuse

Pick your client, then add it in one click or paste the config.

STDIONode.js
~/Library/Application Support/Claude/claude_desktop_config.json
claude_desktop_config.json
{
  "mcpServers": {
    "childrentime-reactuse": {
      "command": "npx",
      "args": [
        "-y",
        "@reactuses/mcp@latest"
      ]
    }
  }
}

Settings → Developer → Edit Config, merge this into mcpServers, then fully quit and reopen Claude Desktop.

We couldn’t confirm it starts correctly

The install command started, but didn't respond the way we expected when we tried to talk to it.

npx -y @reactuses/mcp@latest

initialize succeeded but no response to tools/list.

This is an experimental automated check and can have false negatives — missing environment variables, a slow cold install, etc. It doesn’t necessarily mean something’s wrong. Last checked 1mo ago.

Overview

The childrentime/reactuse MCP server exposes ReactUse documentation to AI assistants for hook discovery. It provides access to signatures, interactive demos, and usage patterns for a collection of more than 100 TypeScript-focused React Hooks. Run the `@reactuses/mcp` utility locally over MCP stdio with `npx`. Reach for it when an agent needs to select or explain hooks for browser APIs, state, elements, effects, or related React features.

Use cases

  • Find a React hook for browser API access
  • Compare state and effect hook options
  • Review a hook signature before coding
  • Generate usage guidance from documented demos

Key features

  • Discovers ReactUse hook signatures
  • Provides hook usage patterns
  • References interactive hook demos
  • Covers browser, state, element, and effect categories
  • Runs locally over MCP stdio

Security & health

What it can reach and how reliably it runs — from our own checks, not the maintainer’s claims.

ActiveLast checked Today

Recent health check succeeded.

30/30 checks healthy over the last 77d

Supply-chain signal

No high-severity advisories surfaced by our automated scan.

Critical 0High 0Medium 0Low 0

Scanned 7d ago via OSV.dev · @reactuses/mcp@latest (npm)

Adoption & maintenance

Factual signals from GitHub, npm, and our automated checks — not a rating.

GitHub stars1.1kStargazers on the source repository.
npm downloads100Package downloads in the last 30 days.
Last commit10d agoMost recent push to the default branch.
Install checkInconclusiveStarted but did not complete the MCP handshake in our test.
Directory activity4 viewsConfig copies, upvotes, and views on AllMCPs.

How Reactuse works

What childrentime/reactuse MCP server does

The childrentime/reactuse MCP server makes the ReactUse hook library easier for AI assistants to inspect through Model Context Protocol. ReactUse is a collection of more than 100 React Hooks covering browser APIs, state management, DOM elements, effects, sensors, animations, and other common application needs. The MCP interface is intended for documentation discovery rather than for executing application code or changing a project.

An assistant can use the documentation exposed by childrentime/reactuse MCP server to look up hook signatures, review usage patterns, and inspect demos. This can help a developer compare available hooks before adding one to a React or TypeScript codebase.

How it works

The repository documents an MCP setup based on the @reactuses/mcp package. The package runs as a local stdio process, allowing an MCP client to start it and exchange requests through standard input and output.

The underlying ReactUse library is described as TypeScript-supported, tree-shaking friendly, and suitable for server-side-rendered applications including Next.js and Remix. Those are properties of the library being documented; the MCP process itself serves the related reference material to an assistant.

Setup and configuration

Start the server with npx using the package command documented by the project:

config.json
{
  "@reactuses/mcp": {
    "command": "npx",
    "args": ["-y", "@reactuses/mcp@latest"],
    "type": "stdio"
  }
}

No API key, account, or environment variable is specified in the provided setup. The ReactUse package used in application code is installed separately with npm i @reactuses/core; that is the library dependency, not the MCP server package.

Tools and capabilities

The documented subject areas include:

  • Browser hooks such as clipboard, media queries, geolocation, network state, notifications, and window state
  • State hooks for toggles, counters, local storage, debouncing, throttling, maps, and related state patterns
  • Element hooks for clicks outside elements, drag and drop, visibility, measurements, scrolling, focus, and observers
  • Effect hooks for intervals, timeouts, event listeners, mounting, unmounting, and comparison-based effects
  • The useQRCode integration hook

The MCP documentation is specifically described as providing hook signatures, demos, and usage patterns. It is therefore most suitable for generating implementation guidance, identifying a relevant ReactUse hook, or explaining how a documented hook is intended to be used.

Limitations and notes

It also does not describe remote hosting; the documented configuration runs the package locally through stdio.

Read the full README View source on GitHub

Reviews

No reviews yet — be the first to share how it worked for you.

Frequently Asked Questions about Reactuse

Configure an MCP client to run `npx -y @reactuses/mcp@latest` with a stdio transport.

It provides ReactUse hook signatures, demos, and usage patterns for documentation and hook discovery.

It documents a generic MCP stdio configuration.

No API key or other credential is specified in the documented setup.

Related MCP servers

All in Developer Tools All alternatives
Add a badge to your READMEShow it’s listed — live SVG, Markdown or HTML.

AllMCPs Directory Badge

Full Badge Customizer

Showcase your server listing on GitHub or your project documentation. Embed this dynamic SVG badge to highlight official listing status and live engagement.

Badge Style:
Live Dynamic SVG PreviewReactuse AllMCPs Directory Badge
Markdown (GitHub README)
[![AllMCPs](https://allmcps.com/api/badge/childrentime-reactuse?style=directory)](https://allmcps.com/mcp/childrentime-reactuse)
HTML Embed
<a href="https://allmcps.com/mcp/childrentime-reactuse"><img src="https://allmcps.com/api/badge/childrentime-reactuse?style=directory" alt="Reactuse on AllMCPs" /></a>