Next-Gen Home Assistant Dashboard — Multi-skin, immersive, plug-and-play.
Skins Pro is a community Lovelace card with a multi-skin architecture. It ships with the modern skin and offers additional skins via the built-in skin store. Bilingual (CN/EN) — install from HACS and it just works.
- Add via HACS custom repository
- Switch between skins freely
- Fullscreen Kiosk mode for immersive experience
- Area-based room display
- Auto icon resolution from Home Assistant
- Force fullscreen lock for non-admin users
Note — We often create skins out of passion for the things we like, but this can inadvertently touch on copyright issues. We recommend using AI-generated images whenever possible. All current theme image assets are AI-generated, so some images may contain AI watermarks or similar generation artifacts. If you don't like the AI-generated images, you can freely upload your own background and room images in the settings. If you believe any skin infringes on your copyright, please open an issue and we will remove it promptly.
Keep it simple, keep it easy.
Skins Pro is built around simplicity and ease of use. Install from HACS, pick a skin, adjust a few settings in the card editor, and you're done. Every feature is designed to be intuitive, so you can focus on enjoying your smart home.
Click the button above, or manually:
- HACS → Custom Repositories → Add
https://github.com/ha-china/Skins-Pro, category: Dashboard - Install Skins Pro
- Refresh Home Assistant frontend
- Settings → Dashboards → Add Dashboard → Select "Skins Pro"
Download additional skins directly from the card editor. Clicking Download fetches the skin package from the CDN and installs it to your HA www/ directory via the skins-pro-hass integration.
The integration is only needed for downloading skins from the store. If you only use the built-in modern skin, you can skip installing it.
| Skin | Style | Features |
|---|---|---|
| modern (default) | White glassmorphism | Frosted glass, high-res images, clean blue-white palette, built-in dark mode |
All other skins (AEON, AEON_glass, visionOS, minecraft, and community submissions) are available via the Skin Store built into the card editor. Click the store button to browse and download.
- ☀️ Weather & greeting
- 💬 Info display
- 📱 Device controls (by area or by type) — lights, switches, covers, climate, water heater, fan, humidifier, vacuum
- 🚪 Room snapshots with scene chips
- 🎬 Scene buttons
- 🤖 Automations page
- ⚡ Energy dashboard (today vs yesterday)
- 🛡️ Security page — cameras, locks, alarm control panel (auto-detected, click to arm/disarm)
- 🎵 Media player card — album art, playback controls, skip tracks, volume bar
- 📷 Camera snapshot on homepage
- 🌡️ Environment sensors display — auto icon from HA
- 🗺️ Device grouping by floor
- 🌐 Auto CN/EN bilingual switching
- 🌙 Dark mode — auto sunset/sunrise switching, or tap the clock to toggle manually (modern skin)
- 🔍 Global search — fuzzy match devices, filter by type
↔️ Fullscreen Kiosk mode- 🔒 Kiosk lock for non-admin users — force fullscreen, block right-click & dev tools
- 🖼️ Use HA area pictures as room backgrounds
- 🎨 Custom background image upload
- 📱 Mobile responsive layout
- 🎭 Multi-skin architecture with built-in skin store
On first add, it automatically scans your Home Assistant and organizes content by area and device type.
Skin development guide, build instructions, and contributing guide have been moved to the Wiki. (中文版)
- Architecture inspired by dwains-dashboard-next
- Design inspired by html-card-pro Discussions
- Kiosk mode inspired by kiosk-mode
- Core rendering by Lit
- Image processing by sharp
- Zero runtime dependencies, lean and fast