Проекты
ha-vue-kiosk - кастомная панель для настенного планшета HomeAssistant на Vue 3, без Lovelace, без HACS и…
ha-vue-kiosk - кастомная панель для настенного планшета HomeAssistant на Vue 3, без Lovelace, без HACS и без сборки через npm.

ПроектыHomeAssistantLeafletnpmYAMLLovelaceGitHome Assistant
🖥 ha-vue-kiosk (https://github.com/exSnake/ha-vue-kiosk) - кастомная панель для настенного планшета #HomeAssistant на #Vue 3, без #Lovelace, без #HACS и без сборки через #npm.
Идея хорошая: вместо бесконечной возни с карточками, card-mod и #YAML автор вынес dashboard в обычные маленькие #JS-файлы. Их можно читать, править, версионировать в #Git и спокойно отдавать на доработку coding agent’у.
✨ Что внутри:
🧩 custom panel через встроенный panel_custom
⚡ #Vue 3 лежит локально, без внешнего CDN и без build-step
🏠 вкладки Climate, Shutters, Lights, Energy и Map
💡 свет автособирается из Areas через entity registry
📊 энергия тянется из recorder/statistics
🗺 карта использует историю person.* и #Leaflet
🧪 есть offline test harness с fake hass и #Playwright screenshots
Самое интересное тут даже не дизайн, а подход. #HomeAssistant уже давно даёт нормальный hass-объект, сервисы, WebSocket API и panel_custom. То есть можно собрать домашнюю панель как обычное небольшое web-приложение, а не пытаться победить Lovelace-конструктор там, где хочется полной свободы.
🏠 Где особенно хорошо зайдёт:
• настенный #iPad / планшет в альбомной ориентации
• дом, где панелью пользуются не админы, а семья
• кастомный UI под конкретные сценарии
• проекты, где хочется править интерфейс через #Git
• эксперименты с AI-assisted разработкой dashboard’ов
Нюанс: это не универсальная “поставил и забыл” тема. Entity ID, климат, шторы, энергия, карта и быстрые действия завязаны на конкретную конфигурацию автора. Но как стартовый каркас для своего kiosk UI - очень любопытно.
GitHub: https://github.com/exSnake/ha-vue-kiosk
Reddit: https://www.reddit.com/r/homeassistant/comments/1vczz9y/as_a_dev_i_was_sick_of_lovelace_and_replaced_my/
Источник: Home Assistant (https://t.me/home_assistant)
#HomeAssistant #Vue #JavaScript #JS #Lovelace #HACS #YAML #Git #Playwright #Leaflet #Dashboard #SmartHome #УмныйДом