# Home Assistant React - Component Kit @hakit

**URL:** <https://forum.arturhome.pl/t/home-assistant-react-component-kit-hakit/14268>\
**Category:** Home Assistant\
**Tags:** frontend, dashboard\
**Created:** [1 Luty 2025 14:35 UTC](https://forum.arturhome.pl/t/home-assistant-react-component-kit-hakit/14268 "2025-02-01T14:35:52Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Autor:** ![angler](https://forum.arturhome.pl/user_avatar/forum.arturhome.pl/angler/32/31484_2.png) [@angler](https://forum.arturhome.pl/u/angler)\
**Data wpisu:** [1 Luty 2025 14:35 UTC](https://forum.arturhome.pl/t/home-assistant-react-component-kit-hakit/14268/1 "2025-02-01T14:35:52Z")

</div>

Ktoś natrafił i polecił mi ciekawy projekt dla tworzenia własnych dashboard. Bazuje na dwóch pakietach oprogramowania [npm](https://www.npmjs.com/package/@hakit/core) oraz na [Home Assistant websocket API](https://github.com/home-assistant/home-assistant-js-websocket). Jest też możliwy do uruchomienia jako [AddOn](https://github.com/shannonhochkins/ha-component-kit/blob/master/ADDON.md).

[https://shannonhochkins.github.io/ha-component-kit/?path=/story/introduction-demo--default](https://shannonhochkins.github.io/ha-component-kit/?path=/story/introduction-demo--default)

[![](https://img.youtube.com/vi/3qNGer9jyYk/maxresdefault.jpg "HA Component Kit - Getting Started") ](https://www.youtube.com/watch?v=3qNGer9jyYk)

Całość wygląda ładnie i ciekawi mnie czy ktoś już próbował tego oprogramowania, przynajmniej testowo.

> **[GitHub - shannonhochkins/ha-component-kit: A Home Assistant React component library to...](https://github.com/shannonhochkins/ha-component-kit)**
>
> A Home Assistant React component library to generate dashboards with ease, This utilizises a massive list of Components / cards to use out of the box, a large range of hooks to build your own custom functionality, and a hell of a lot more! It's using web sockets to retrieve information from your home assistant instance so there's 0 latency!

DEMO:  
[https://shannonhochkins.github.io/ha-component-kit/iframe.html?args=&id=introduction-demo--default&viewMode=story](https://shannonhochkins.github.io/ha-component-kit/iframe.html?args=&id=introduction-demo--default&viewMode=story)