Convert Figma logo to code with AI

matt8707 logohass-config

✨ A different take on designing a Lovelace UI (Dashboard)

4,905
677
4,905
2

Top Related Projects

72,598

:house_with_garden: Open source home automation that puts local control and privacy first.

Quick Overview

The matt8707/hass-config repository is a custom Home Assistant configuration with a minimalist design. It features a unique and visually appealing user interface for controlling smart home devices and automations. The project showcases advanced Home Assistant customization techniques and integrations.

Pros

  • Sleek and modern user interface design
  • Extensive customization of Home Assistant components
  • Well-documented configuration with detailed explanations
  • Innovative use of custom cards and integrations

Cons

  • May require advanced knowledge of Home Assistant to fully implement
  • Some custom components might not be compatible with all Home Assistant versions
  • Potential performance impact due to extensive customizations
  • Requires regular maintenance to keep up with Home Assistant updates

Getting Started

To get started with this Home Assistant configuration:

  1. Clone the repository: git clone https://github.com/matt8707/hass-config.git
  2. Copy the relevant configuration files to your Home Assistant config directory
  3. Install required custom components and integrations
  4. Customize the configuration to match your specific devices and preferences
  5. Restart Home Assistant to apply changes

Note: This is a complex configuration and may require significant modifications to work with your specific setup. It's recommended to use this as inspiration rather than a direct copy-paste solution.

Competitor Comparisons

72,598

:house_with_garden: Open source home automation that puts local control and privacy first.

Pros of core

  • Official Home Assistant repository with extensive documentation and community support
  • Regularly updated with new features, integrations, and bug fixes
  • Comprehensive codebase covering all aspects of Home Assistant functionality

Cons of core

  • Large and complex codebase, potentially overwhelming for beginners
  • Less focused on specific user configurations or setups
  • May require more setup and customization to achieve desired results

Code comparison

hass-config:

automation:
  - alias: "Turn on lights when motion detected"
    trigger:
      platform: state
      entity_id: binary_sensor.motion_sensor
      to: 'on'
    action:
      service: light.turn_on
      entity_id: light.living_room

core:

class Light(ToggleEntity):
    """Representation of a Light."""

    @property
    def is_on(self):
        """Return true if light is on."""
        return self._state

    def turn_on(self, **kwargs):
        """Turn the light on."""
        self._state = True
        self.schedule_update_ha_state()

The hass-config example shows a user-defined automation in YAML, while the core example demonstrates the underlying Python class structure for a light entity.

Convert Figma logo designs to code with AI

Visual Copilot

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

Home Assistant Configuration

⚠️ Important

As of 2024, this repository is no longer maintained. While I will not be updating this project, pull requests addressing future breaking changes are welcome. I want to thank everyone for their contributions and support on this project. Seeing it rise as the community's top topic of all time has been truly overwhelming.

I am now shifting my focus to a new project called ha-fusion. It aims to be a modern, easy-to-use, and performant custom dashboard built from scratch. I hope you'll check it out!

https://github.com/matt8707/ha-fusion


Home Assistant Container on a Synology DiskStation DS918+ NAS. Wall mounted tablet (Galaxy Tab A 10.1) using Fully Kiosk Browser. My configuration is exposed to HomeKit with Apple TV acting as a hub for remote connection.

If you like anything here, be sure to :star2: my repo!

dashboard

Installation

How do I install this theme?
There's no install button. I'm sharing my full configuration

Can you please add this to HACS?
No, because this is not a custom card or integration

Where do I even start?
INSTALL.md explains how to get started :tada:

Features

animations

Sidebar

  • Time and date with greeting based on time of day
  • Entities that are on, using natural language
  • Mailbox counter to show received mail
  • Temperature with emoji based on weather conditions
  • Important calendar information
  • Other conditional alerts

Footer

Popups that supports notifications.

footer

Popups

Long press a button to show settings and information pertaining to the entity, using browser_mod. Light popups are automatically created using the light button-card template with 🍄 Mushroom

Media

Conditionally display media players based on the last active device. If nothing is active for 15 minutes, a poster of the last downloaded movie/episode is shown (Plex, Radarr, Sonarr). Swipe to reveal non-active media players

media

Theme

card-mod is used for the styles in include/themes.yaml and each popup also contain styles depending on content. I've made a tool to help with css element selectors - https://matt8707.github.io/card-mod-helper/

media

Screenshots

nasvacuum
nasvacuum
misc
multi

Hardware

VendorProductIntegrationDescription
UbiquitiUniFi Dream MachineunifiRouter, controller, switch and access point
SynologyDiskStation DS918+synology_dsm4x4TB NAS - matt8707/docker-compose-dsm
RaspberryPi 3 Model B+shell_commandBluetooth communication - matt8707/docker-compose-rpi
SamsungGalaxy Tab A SM-T510customWall mounted tablet in hallway by the front door
PhilipsHuehueBridge, 15 bulbs, 3 motion sensors, 2 dimmer switches
AppleiMacshell_commandAll-in-one desktop computer
SwitchBotSwitchBot BotcustomBluetooth device that mechanically turns on my computer
XiaomiMi Roborock S50xiaomi_miioRobot vacuum with lidar - xiaomi-cloud-map-extractor
BroadlinkRM4 Pro, HTS2 cablebroadlinkInfrared transmitter for AC unit with temp/humidity sensor
GosundSP112esphome3x tuya wifi plugs with power monitoring, flashed with ESPHome
BelkinWeMowemo2x wifi plugs and 1x motion sensor
GoogleNest MinicastNot really used, Google sent me one
DeltacoSH-P01tuyaCheap wifi plug for balcony LED lights
PhosconConBee IIcustomZigbee USB gateway using zigbee2mqtt
XiaomiAqara MCCGQ11LMmqtt3x zigbee door/window contact sensors
AppleTV 4Kapple_tv2x set-top-boxes that streams content from Plex
SonyBravia KDL-55W905Abraviatv2013 mid-range 55" 1080p 3D TV
SamsungUE50RU6025KXXCcustom2019 low-range 50" 4K HDR TV
SonyPlayStation 5customGame console - State, sleep and wake
AppleiPhone XiosHome Assistant Companion App for iOS

Note: I do not recommend "Belkin WeMo" or "Deltaco SH-P01"


GitHub Repository https://github.com/matt8707/hass-config

Home Assistant Community Topic https://community.home-assistant.io/t/a-different-take-on-designing-a-lovelace-ui/162594