matthewp/haunted

Health v2 · maintenance only

Adoption not part of the score

2718 stars · 90 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

Haunted is a TypeScript library that brings React's Hooks API (useState, useEffect, useContext, etc.) to standard web components, using lit-html or hyperHTML as renderers. It lets you define custom elements as plain functions with hooks, reusing existing React hooks from npm via bundler aliasing.

Use cases

• use react hooks in web components
• build custom elements without a framework
• write function-based web components with state
• reuse react hooks libraries in web components
• lightweight alternative to react for component development
• create web components with lit-html rendering

When to choose

• you want React-style hooks ergonomics in standards-based web components
• you need framework-agnostic components usable across React, Vue, or plain HTML
• you prefer a tiny library over a full framework like React or Lit

When to avoid

• you are building a full React application with its ecosystem
• you need class-based web components or Lit's full feature set
• your team has no familiarity with the hooks mental model

Facets

library · maturity active

frontend-framework ui-components state-management web-development frontend developer-tools browser web-components react-hooks lit-html hyperhtml custom-elements shadow-dom web-server nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="matthewp/haunted")