@ha-components

A shadcn/ui-inspired component framework for building custom Home Assistant dashboards in React/TypeScript. Provides styled, copy-owned components covering Home Assistant device categories: Camera, Light Toggle, Trigger, Weather, and Misc, alongside an Auth Provider for interacting with Home Assistant APIs. Unlike HA's built-in styling, users receive source files and full control. Beta software, maintained by a single developer; MIT licensed. Use for: building bespoke Home Assistant dashboard UIs using React and shadcn CLI instead of HA's native frontend or HACS card ecosystem.

12 components react shadcn-cli MIT

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://hacomponents.keshuac.com/r/registry.json

pnpm pnpm dlx shadcn@latest add https://hacomponents.keshuac.com/r/registry.json

bun bunx shadcn@latest add https://hacomponents.keshuac.com/r/registry.json

fetch registry curl -s https://hacomponents.keshuac.com/r/registry.json

Components

12 total

Type Generator item

Script to generate types

npx shadcn@latest add https://hacomponents.keshuac.com/r/type-generator.json

Auth Files and Components block

A complex component used to setup Auth.

npx shadcn@latest add https://hacomponents.keshuac.com/r/auth.json

Simple Camera Component block

A WebRTC Camera component for go2RTC

npx shadcn@latest add https://hacomponents.keshuac.com/r/camera.json

Simple Trigger Button Component component

Button that with an attached Entity trigger

npx shadcn@latest add https://hacomponents.keshuac.com/r/trigger.json

Simple Toggle Switch Component component

Switch with an attached Entity trigger

npx shadcn@latest add https://hacomponents.keshuac.com/r/toggle.json

Simple Light Control Component component

A component which allows full control of a light

npx shadcn@latest add https://hacomponents.keshuac.com/r/light.json

Simple Weather Component block

npx shadcn@latest add https://hacomponents.keshuac.com/r/weather.json

Python Websocket Proxy Server block

Development websocket server for camera component

npx shadcn@latest add https://hacomponents.keshuac.com/r/proxy.json

accordion ui

npx shadcn@latest add https://hacomponents.keshuac.com/r/accordion.json

popover ui

npx shadcn@latest add https://hacomponents.keshuac.com/r/popover.json

slider ui

npx shadcn@latest add https://hacomponents.keshuac.com/r/slider.json

switch ui

npx shadcn@latest add https://hacomponents.keshuac.com/r/switch.json