Vigyata.AI
Is this your channel?

EASY Lovelace Mobile Dashboard | Home Assistant Tutorial

221.2K views· 3,719 likes· 26:20· Jan 2, 2021

🛍️ Products Mentioned (2)

Easy, Incredible Looking Lovelace Dashboard built using the Grid Card! Super EASY! No YAML files (4 small YAML edits in the editors). No Custom Cards. I call it the Tile Dashboard. YAML (Though I do recommend using the UI editors to learn): https://pastebin.com/sGSWwtBU Like what I do? Sponsor me: https://github.com/sponsors/zsarnett ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Drop some love to the other social media: 🐤 Twitter: - https://twitter.com/NKDZCK ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 0:00 Intro 1:08 First Time Editing Dashboard 2:06 Overview of Dashboard & Features 7:23 Creating the Dashboard 25:35 Outro ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Music provided by Monstercat: Grabbitz - My Cloud https://youtube.com/monstercat https://youtube.com/monstercatinstinct #HomeAssistant #Lovelace #DashboardDesign

About This Video

In this video I build what I call the “Tile Dashboard” — a super clean Lovelace mobile dashboard that takes your UI from that default, randomly-stacked look to something that actually feels designed. The whole thing is built with the stock Grid Card, Button Cards, and a simple Weather card. No custom cards, no big YAML files… just a few tiny YAML edits in the editor (like setting columns and flipping square to false) to get everything aligned and looking right. I start by showing what happens the first time you edit a Home Assistant dashboard, how to “take control” of Lovelace, and why I like starting from an empty dashboard so you get a clean slate. Then I walk through the layout: nested grid cards up top for quick actions (lights, thermostat, humidifier, alarm, scenes), a simple weather glance, and a bottom grid of room tiles that navigate to dedicated room views. The key trick is using tap vs hold actions: tap to navigate to a view, hold to toggle a whole room or group. By the end, you’ll have a dashboard that’s fast on mobile, easy to expand with more views, and simple enough to recreate with the UI while still learning the basics of Lovelace YAML.

Frequently Asked Questions

🎬 More from Zack Barett