More Premium Hugo Themes Premium React Themes

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.

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.

Author Avatar Theme by shannonhochkins
Github Stars Github Stars: 995
Last Commit Last Commit: Apr 28, 2025 -
First Commit Created: Dec 18, 2023 -
default image

Overview

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. It provides a simple and efficient way to create personalized dashboards for Home Assistant users. The project is actively developed and maintained, with regular updates and improvements.

Features

  • Easy generation of custom dashboards with React
  • Utilizes Home Assistant’s official web socket connection
  • Provides theming options for individual components
  • Extensive documentation for easy implementation and customization
  • Home Assistant Addon available for convenient access to custom dashboards
  • Active community of contributors and regular updates

Installation

To get started with this theme, you have two options:

  1. NPM Create Command:

    • Use the npm create command to set up react, typescript, vite, and hakit automatically with a terminal wizard.
    • This option is recommended for quick and easy setup.
  2. Manual Installation:

    • If you prefer to install @hakit/core or @hakit/components manually in an existing project, follow the steps below:
      • [Step 1]
      • [Step 2]
      • [Step 3]
      • [Step 4]
      • [Step 5]

For more detailed instructions and information, refer to the extensive documentation provided.

Summary

The custom dashboard generator for Home Assistant, based on React and utilizing the official web socket connection, offers an efficient and flexible solution for creating personalized dashboards. With features such as theming options, comprehensive documentation, and an active community, this tool provides Home Assistant users with a convenient way to customize their dashboards and enhance their smart home experience. Whether you are a beginner or an advanced user, this custom dashboard generator is worth exploring.