 |
|
|
|
|
|
Join our community! |
Take Your Home Assistant Dashboards to the Next Level 🚀
Designed with developers in mind, this powerful package is built on React to create seamless, highly customizable interfaces for your Home Assistant dashboards. Whether you're coding your own unique components or taking advantage of the prebuilt library from @hakit/components, the possibilities are endless!
⚡ Powered by Home Assistant: The @hakit/core leverages the official Home Assistant WebSocket API to handle authentication and core functionality, enabling a dynamic, real-time experience in your React dashboards.
🌍 Effortless Deployment: Host your dashboard on any web server or serve it directly from Home Assistant using the Home Assistant Addon.
📅 Future Goals: While the package currently focuses on empowering developers, we're working on a future release that will introduce an intuitive drag-and-drop UI editor, enabling anyone to design dashboards effortlessly through the Home Assistant Addon.
Ready to transform your Home Assistant experience? Dive into the Getting Started Guide and begin building today!
Visit the Demo to try it out!
If you like anything here, be sure to 🌟 the repo!
There's extensive documentation which should give you all the information you need to get started!
As you can probably tell, a $*#% tonne 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 :)
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 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.
- AlarmCard
- AreaCard
- ButtonCard
- ClimateCard
- CameraCard
- CalendarCard
- EntitiesCard
- FabCard
- FamilyCard
- GarbageCollectionCard
- MediaPlayerCard
- PictureCard
- SensorCard
- SidebarCard
- TimeCard
- TriggerCard
- WeatherCard
- NEW VacuumCard
- 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! Join the discord and let me know what you'd like to see next!
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.
