The Lovelace dashboard Home Assistant UI is the heart of any smart home setup in India. Whether you’re managing a single smart bulb or an entire automated bungalow in Mumbai, a well-designed Lovelace dashboard transforms complex automation into a clean, intuitive interface. This guide covers everything Indian makers need to know to design, customise, and optimise their Home Assistant UI for maximum usability.
Table of Contents
- What is Lovelace Dashboard?
- Getting Started with Home Assistant UI
- Essential Card Types for Indian Smart Homes
- Custom Cards and HACS Integration
- Mobile Optimisation for Indian Users
- Themes and Visual Customisation
- Advanced Features: Conditional Cards and Templates
- Frequently Asked Questions
What is Lovelace Dashboard?
Lovelace is the default frontend framework for Home Assistant, introduced in 2019 to replace the older States UI. It allows users to create fully customisable dashboards using a card-based layout system. Unlike generic smart home apps, Lovelace gives you complete control over what you see, how you see it, and how you interact with your devices.
For Indian households where smart home setups often mix local products (Sonoff, Wipro, Philips Hue alternatives) with DIY ESP32 and ESP8266 devices, Lovelace’s flexibility is invaluable. You can create separate views for different rooms, family members, or use cases — all from a single Raspberry Pi or NUC running Home Assistant OS.
Getting Started with Home Assistant UI
Before designing your Lovelace dashboard, you need a running Home Assistant instance. For most Indian makers, this means either a Raspberry Pi 4 (recommended), an old laptop running HA OS, or a virtual machine. Once your HA is up and all your devices are integrated, you can access the Lovelace editor.
Accessing the Dashboard Editor
- Navigate to Settings → Dashboards
- Click on your existing dashboard or create a new one
- Enable Raw Configuration Editor for full YAML control
- Or use the visual UI editor for drag-and-drop card placement
Understanding Views and Cards
A Lovelace dashboard is organised into Views (tabs at the top) and Cards (individual widgets). Each view can have a different layout: panel, masonry, or custom grid. Indian users often create views for:
- Living Room / Hall
- Bedroom 1, 2, 3
- Kitchen and Geyser controls
- Inverter and Power monitoring
- Security and Cameras
Essential Card Types for Indian Smart Homes
Home Assistant provides over 40 built-in card types. Here are the most useful ones for a typical Indian home:
1. Entities Card
The workhorse of any Lovelace dashboard. It displays a list of entities with their current states. Perfect for grouping all bedroom lights and fans.
type: entities
title: Bedroom 1
entities:
- entity: light.bedroom_1_main
name: Main Light
- entity: fan.bedroom_1_ceiling_fan
name: Ceiling Fan
- entity: switch.bedroom_1_ac
name: AC Power2. Glance Card
Great for a quick overview — shows entity states as icons without interaction. Ideal for a “home at a glance” view showing temperature, humidity, and power usage across all rooms.
3. Gauge Card
Ideal for displaying sensor values like temperature (BME280/DHT22 readings), humidity, or power consumption from energy monitors. Set custom colour thresholds to show green/yellow/red zones.
4. History Graph Card
Plots sensor history over time. Extremely useful for tracking electricity consumption patterns — essential in India where peak-hour tariff differences matter significantly.
5. Energy Dashboard Card
Home Assistant’s built-in energy dashboard tracks grid consumption, solar production, and battery storage. If you have rooftop solar (increasingly common in Gujarat, Rajasthan), this is a must-configure card.
Custom Cards and HACS Integration
The Home Assistant Community Store (HACS) dramatically expands Lovelace’s capabilities. Install it first, then explore these popular custom cards:
Mini Graph Card
A beautiful, compact graph card that’s far more configurable than the built-in history graph. Perfect for displaying temperature trends from DHT22 sensors on your ESP32 nodes.
Button Card
The most versatile custom card available. Create beautiful buttons with icons, labels, colours, and complex templates. Indian users love this for creating room-control panels that feel like native apps.
type: custom:button-card
entity: light.living_room_main
name: Hall Light
show_state: true
styles:
card:
- background-color: "[[[ return entity.state === 'on' ? '#ffd700' : '#333' ]]]"Mushroom Cards
A modern card collection with Material Design aesthetics. Highly recommended if you want a clean, app-like dashboard that works beautifully on both desktop and mobile. This is the current favourite among the Indian HA community.
Apexcharts Card
For detailed energy and sensor analytics. Create multi-axis charts combining temperature, humidity, and power data — invaluable for diagnosing why your electricity bill spikes during summer in Indian cities.
Mobile Optimisation for Indian Users
Most Indian smart home users control their systems primarily via smartphone. The Home Assistant Companion App (available for Android and iOS) renders your Lovelace dashboard natively. Here’s how to optimise for mobile:
Create a Dedicated Mobile View
Use the panel_custom or create a separate dashboard specifically for mobile. Keep cards larger, avoid hover-dependent interactions, and use larger fonts.
Grid Layout for Mobile
views:
- title: Mobile Home
path: mobile
type: panel
cards:
- type: grid
columns: 2
square: false
cards:
- type: button
entity: light.hall_main
- type: button
entity: fan.hall_ceilingConditional Views
Show different dashboards based on user — your children see a simplified view, while you see the full technical dashboard with inverter stats and energy graphs.
Themes and Visual Customisation
Home Assistant supports full CSS theming. The most popular themes available via HACS for Indian users include:
- iOS Dark Theme — Clean dark mode, battery-friendly on AMOLED screens
- Google Home Theme — Familiar interface for users migrating from Google Home ecosystem
- Meteoalarm Theme — Colourful with excellent readability
- Caule Themes Pack — Modern gradient themes with excellent contrast
To apply a theme, add it to your configuration.yaml:
frontend:
themes: !include_dir_merge_named themes/Then download theme YAML files from HACS and place them in the themes/ folder. You can also enable automatic theme switching based on time — switch to a warm dark theme after sunset, which is particularly pleasant during Indian evenings.
Advanced Features: Conditional Cards and Templates
Once you’re comfortable with basic Lovelace design, explore these power features:
Conditional Cards
Show or hide cards based on entity states. For example, show the “AC Controls” card only when indoor temperature exceeds 30°C:
type: conditional
conditions:
- entity: sensor.living_room_temperature
state_numerical:
above: '30'
card:
type: entities
title: AC Controls
entities:
- entity: climate.living_room_acTemplate Literals in Cards
Use Jinja2 templates to display dynamic content. Show electricity cost calculations based on current sensor readings:
type: markdown
content: >
## Today's Power Cost
Units consumed: {{ states('sensor.daily_energy') }} kWh
Estimated cost: ₹{{ (states('sensor.daily_energy') | float * 7.5) | round(2) }}Auto-Entities Card (HACS)
Automatically populate a card with all entities matching a filter — useful when you add new ESP32 sensors and don’t want to manually update your dashboard every time.
Frequently Asked Questions
Can I access my Lovelace dashboard remotely from outside India?
Yes. Use Nabu Casa (Home Assistant Cloud) for the easiest remote access — it handles SSL and dynamic DNS automatically. Alternatively, set up a VPN (WireGuard) on your home router or use Cloudflare Tunnel for free remote access without exposing ports.
How many devices can Home Assistant handle on a Raspberry Pi 4?
A Raspberry Pi 4 with 4GB RAM can comfortably handle 200-500 devices/entities. Indian setups with 20-50 devices will run smoothly even on a Pi 3B+. The Pi 4 8GB model future-proofs you for larger installations.
Is Lovelace YAML configuration mandatory?
No. The visual UI editor handles 90% of use cases without any YAML. YAML gives you access to advanced features and bulk edits, but beginners can build fully functional dashboards using only the visual editor.
How do I backup my Lovelace dashboard configuration?
Home Assistant’s built-in backup system (Settings → System → Backups) saves your entire configuration including Lovelace YAML. Schedule daily automated backups and store them on an external drive or Google Drive using the Google Drive Backup add-on.
Which ESP module works best with Home Assistant in India?
The ESP32 (via ESPHome add-on) is the gold standard for Home Assistant integration in India. ESPHome compiles custom firmware directly from your HA instance and provides OTA updates, making it ideal for managing multiple ESP32 nodes across your home.
Add comment