Hi everyone! ![]()
I’ve been working on a visual overhaul for a Home Assistant dashboard and wanted to share it with the community. The theme doesn’t have a name yet — suggestions welcome! ![]()
The goal was a clean, modern smart-home look: full-width content, bottom navigation, a tidy 2-column card grid, and proper device modals instead of Lovelace-style popups.
What’s new
Layout
- Top bar + bottom navigation (no sidebar cluttering the screen)
- Drawer slides in from the left as an overlay
- 2-column responsive card grid (single column on mobile)
- Safe-area insets for iOS / notched devices
Device modals
- Thermostat — vertical gradient thermometer with target/current markers, inline mode selector, temperature subview, history graph
- Lights — mood selector, brightness + color temperature
- Media players — full controls + source switching
- Sensors — history charts directly in the modal
- Covers, locks, fans, scenes, switches — all with a consistent visual language
Core features
Edit mode with drag & drop
Undo / redo
YAML-based config (data/dashboard.yaml)
No HACS dependency
Full Home Assistant WebSocket integration
Screenshots
28 pre-rendered product screenshots favorites view, every room, every category, multiple modals, and mobile variants.
More screenshot LINK on google drive
Source code
The code will be published on GitHub in the next few days — I’ll update this thread with the link as soon as it’s live. Stay tuned! ![]()
Feedback welcome
- A name for the theme!

- What modals would you like next? (climate presets, humidifiers, vacuums?)
- Additional color variants / themes?
- Missing entity domains in demo mode?
Happy to iterate based on community feedback. Let me know what you think! ![]()
This project is a redesign based on the excellent ha-fusion by matt8707 — huge thanks for the solid foundation. Built on SvelteKit · works as a Home Assistant add-on or standalone Docker.




