# shannonhochkins/ha-component-kit

Designed with developers in mind, this powerful package is built on React to create seamless, highly customizable interfaces for your Home Assistant smart home dashboards.

Repository: https://github.com/shannonhochkins/ha-component-kit
Canonical: https://ross.abutalabs.com/products/ha-component-kit
Homepage: https://shannonhochkins.github.io/ha-component-kit/
Language: TypeScript
License Family: other
Topics: component, components, dashboard, home-assistant, homeassistant, homeassistant-custom-component, homeassistant-frontend, homeassistant-integration, hooks, react, react-components, react-redux, typescript, ui, hakit
Last push: 2026-03-02T03:18:45+00:00

## Health v2 (maintenance only)
Score: 73/100 (v2, computed 2026-09-03T02:39:23.370411+00:00)
- activity 70, release rhythm 72, longevity 83
- inputs: {"age_days": 1165, "days_push": 184, "days_rel": 184, "gap_med": 25, "n_releases_24m": 18}
- flags: no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1257, forks 73 (observed 2026-08-28T04:04:09.454000+00:00)

## What it is
HA Component Kit (Hakit) is a set of React-based npm packages (@hakit/core and @hakit/components) for building highly customizable Home Assistant dashboards. It wraps the official Home Assistant WebSocket API for authentication, state, and actions, and provides ready-made UI components with real-time reactive updates.

## Use cases
- build a custom Home Assistant dashboard with React
- create a nicer wall tablet view for my smart home
- communicate with Home Assistant via WebSocket from a React app
- use prebuilt smart home cards in my own UI
- build a fully bespoke smart home control centre
- show real-time Home Assistant entity states in a custom interface

## When to choose
- you want full control over your Home Assistant dashboard layout using React
- you need real-time state updates from Home Assistant without extra glue code
- you want a mix of prebuilt components and custom React components
- you're building a dedicated smart home control panel or wall display

## When to avoid
- you just want a simple dashboard without writing code
- you're not using React or don't want a JavaScript build pipeline
- you need a ready-made dashboard that works out of the box with no development
- your project doesn't involve Home Assistant

## Facets
- artifact type: library
- maturity: active
- function: ui-components, websocket, state-management, auth, frontend-framework
- domain: web-development, frontend, iot
- platform: cross-platform
- tags: home-assistant, react-components, smarthome-dashboard, hakit, websocket-api, typescript, custom-dashboard, automation, web-server, nodejs

## Member repositories
- shannonhochkins/ha-component-kit (main) score 73

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:09.454000+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T05:07:12.868107+00:00, confidence not recorded.
  - readme: https://github.com/shannonhochkins/ha-component-kit (fetched 2026-08-28T04:04:09.454000+00:00, sha 2abc87aa3a1f)
  - homepage: https://shannonhochkins.github.io/ha-component-kit/ (fetched 2026-08-29T12:17:28.066707+00:00, sha e2fbed70c055)
  - registry_npm: https://registry.npmjs.org/ha-component-kit (fetched 2026-08-29T12:17:28.075843+00:00, sha 4b49e0b1411c)
- Data as of 2026-08-30T08:39:29.467469+00:00.