clevertonh / Home-Assistant

Home Assistant Lovelace UI

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Home-Assistant

Supervised Home Assistant in a VirtualBox environment. My use case is a wall mounted Microsoft Surface Pro4 displaying Home Assistant in Full screen Chrome.

Node-Red

  • Using Node-Red to check and control the input settings on my receiver and tv and control a Broadlink remote to start different activities to watch TV, Netflix, Disney+ or Plex for example.
  • Also using Node-Red to collect the steps counter from the HA companion app on our phones and compare the values to declare the winner of the day! (see below)

Features

  • Dynamic 3D Floorplan: brightness mapped individual lights with custom popup controller.
  • Dynamic floorplan view, adjusts brightness based on calculated brightness of the sun.
  • Less cluttered interface displaying more information on a long press, inspired by Mattias Persson.
  • Custom rain card to display predicted rain in the next 2 hours - seperate repo here

Floorplan with controllable lights and heating control

  • A different take on designing a Lovelace UI using a Picture Elements Card in panel mode
  • Using a swiper card to swipe between ground and first floor
  • Camera view that pops up when motion is detected on the driveway.
  • Tap on the waste bin to see future dates for waste collection.

animations

animations

Full integration with Tesla Model 3 with history stats, seat heating and HVAC controls:

  • Ability to control seat heating and HVAC temperature from HA.
  • Updates in the car and from within the Tesla app are visible in HA as well.

animations

Devices with animated custom icons and Dutch Covid-19 stats. In the footer two buttons for updates and HA info.

animations

Conditionally displaying media player controls based on last active device such as Playstation 4 and Google Nest Mini. If nothing is active for 15 minutes then a poster of last downloaded movie/episode is shown. Swipe to reveal other than last active media players.

Media

  • Spotify album art, ability to choose favorite playlists and playback devices
  • Other media control of two Sonos Play Ones. A Marantz SR7007 receiver and the Samsung TV in the living room.
  • When PLEX is playing a full size image of the cover art is displayed instead.
  • During PLEX playback the last added movies and Series are displayed as well.

animations

The sidebar

A Picture Elements Card per view to create dynamic templates.

  • Time and date
  • Overlay of Spotife media playing
  • Temperature in and outside in minigraph
  • Christmas decoration when its time :-)
  • See household members presence and more-info when pressed
  • Ability to deserve a crown based on your amount of steps during the day
  • Popup in the side bar a day before the waste is collected showing the waste type
  • Other conditional alerts

animations

Weather

Custom card to display projected rain in the next 2 hours, using Buien Radar (Dutch weather service). For more on this card, check out this repo

animations

My community Home Assistant topic


The guys and projects I took my inspiration from are both Mattias Persson and Luke Vink (great thanks to them!)

Mattias Persson Topic
https://community.home-assistant.io/t/a-different-take-on-designing-a-lovelace-ui/162594

Luke Vink Topic https://community.home-assistant.io/t/floorplan-ui-with-color-synced-lights/169417

About

Home Assistant Lovelace UI


Languages

Language:JavaScript 71.0%Language:Python 28.5%Language:SCSS 0.3%Language:CSS 0.1%