This repository contains functionality to easily generate custom dashboards with react for Home Assistant using the official web socket connection that the standard lovelace dashboards use.
Try it out now! Demo
If you like anything here, be sure to 🌟 the repo!
As you can probably tell, 100s of hours have gone into this! I'd really appreciate a small donation as it will help me validate that my time is well spent and will guarantee future additional changes :) Buy me a coffee!
There's an npm create command which will setup react, typescript, vite & hakit automatically for you with a terminal wizard!
npm create hakit@latest
Or, if you want to install @hakit/core or @hakit/components manually on an existing project:
npm install @hakit/core @hakit/components
There's extensive documentation which should give you all the information you need to get started!
There's a Home Assistant Addon available which will serve your dashboard to a new sidebar link in home assistant making it easier to access your custom dashboard.
- Theming - allow individual components to display different theme control, either by a hue shift or global change
- AreaCard
- ButtonCard
- ClimateCard
- NEW CameraCard
- NEW CalendarCard
- EntitiesCard
- FabCard
- GarbageCollectionCard
- MediaPlayerCard
- PictureCard
- SensorCard
- SidebarCard
- TimeCard
- TriggerCard
- WeatherCard
- Anything else? Please, if you notice anything that doesn't feel / look right, please report it, i rely on user testing to make improvements.
There's a Roadmap.md file with a few things i'm working on! Have your say! Vote for what you'd like to see next in upcoming features!
I welcome anyone who's willing to contribute to the package, if you're interested in helping out or have some suggestions to changes, please feel free to open a PR or an issue!
There's detailed instructions on how to get started if you want to introduce a new feature to the repository here.