home.md

Home View

Readme | Home View | Media | Rooms | Cameras | Comics | System | Floor Plan

Components in this View

Note: I set 'panel: true' to use the entire width of the screen.

0. Lovelace Layout Card - Backend card that provides more control in how to organize your Lovelace cards in a readable format, versus the previous method of using vertical and horizontal stacks. You define the columns and choose where to insert breaks, thus maximizing screen space | My Config | Github |

1. Compact Custom Header - Reduces the height of the original HA header, saving precious space on small tablets like the Fire HD8. Also adds a clock. | My Config | Github |

2. Quote of the Day Card - Displays the quote of the day from brainyquote.com. It can be recreated using HA Picture Elements card, but haven't gotten around to it. | My Config | Github |

   • Requires Feed Parser sensor to load RSS feed from brainyquotes.com | My Config | Github |

3. Animated Weather Card - Looks a bit nicer on the tablet than the standard HA weather card. | My Config | Github |

   • Requires Weather entity, such as Dark Sky component | My Config | HA Component |
   • Requires Sun component | My Config | HA Component |

4. Traffic Map Image - Uses the Lovelace camera entity to display an image URL that is constantly updated by Google. It's not going to show the very latest traffic, but it's a nice visual to have on the dashboard. | My Config |

   • Requires the Generic IP Camera component | My Config | HA Component |
   • Requires URL of traffic image obtained from Google. Do a Google search, then right-click and copy the image address. | Google Search |

5. Calendar Card - As titled. It's great addition to a Home UI. | My Config | Github |

   • Requires Google Calendar Event component. | My Config | HA Component |

6. Air Visual Card - A card that mimics the look of the cards found on airvisual.com. Background, font color and icons change depending on AQI level. Created by me! | My Config | Github |

   • Requires Air Visual component. | My Config | HA Component |
   • Weather component such as Dark Sky is recommended. | My Config | HA Component |

7. Mini Media Player Card (TV) - Combines multiple media players into one. In this case, it combines the LG WebOS TV, XboxOne and Playstation4 media players. | My Config | Github |

   • HA Conditional card displays the media player only when it is active. | My Config | HA Lovelace Card |
   • Requires Universal Media Player entity to combine multiple TV media players into one. | My Config | HA Component |
   • Uses the LG WebOS TV Component. | My Config | HA Component |
   • Uses the XboxOne Hass.io add-on. Requires several steps to setup the add-on, so read directions carefully! | My Config | Github |
   • Also uses the Playstation 4 Hass.io add-on. It is very difficult to setup, so follow the community tutorial. | My Config | Github | Highly Recommended Tutorial |

8. Slideshow Card - I forgot to add this to the Lovelace YAML file, so I have no example to show. It's super easy to setup though. | Github |

   • Requires Folder Sensor. | My Config | Github |
   • Requires storing images on a local folder as defined in your YAML file, like \config\www\images\slideshow. | My Config |

9. Standard Thermostat card | My Config | HA Lovelace Card |

   • Requires an HA thermostat/climate entity, like Nest or Ecobee. You can also setup a demo thermostat platform to test, like I did in this example. | My Config | HA Component |

10. Mini Media Player Card (Music) - Displays when Spotify or a Chromecast Built-in Speaker begins playing around the house. | My Config | Github |

    • Uses HA Conditional card to display the media player only when it is active. | My Config |
    • Requires Universal Media Player entity to combine multiple music media players into one. | My Config | HA Component |
    • Requires a media player, such as Chromecast. Having HA Discovery component enabled will allow HA to automatically detect Chromecasts or Google Home on the network. | My Config | HA Component |