Перейти к содержанию
Проекты

Vertical Stack In Card — несколько карточек HomeAssistant как один аккуратный блок

Опубликовано: Обновлено: Автор: MichaelИсточник: t.me

Нужно склеить glance, entities, график и кнопки в одну «плитку» без двойных рамок и визуального мусора? Эта карточка как раз про это.

ПроектыHomeAssistantLovelaceHome AssistantHACSИнтерфейсУмныйДом
📐 Vertical Stack In Card (https://github.com/ofekashery/vertical-stack-in-card) — несколько карточек #HomeAssistant как один аккуратный блок Нужно склеить glance, entities, график и кнопки в одну «плитку» без двойных рамок и визуального мусора? Эта карточка как раз про это. Кастомный frontend из каталога #HACS (Default). MIT, ~980★. Актуальный выпуск v1.1.2 (июль 2026). Внутри — список дочерних карточек; снаружи — один общий контейнер с опциональным заголовком. ✨ Что умеет: 📦 группирует любые Lovelace-карточки в один блок 🏷 опциональный title сверху ↔️ режим horizontal: true — стопка в ряд 🎨 styles — свои CSS-правила для тонкой подстройки 🧩 совместима с visual editor / grid layout 🧼 убирает «карточка в карточке» с лишними рамками Ставится через #HACS → Frontend → Vertical Stack In Card. Тип: custom:vertical-stack-in-card. Пример: type: custom:vertical-stack-in-card title: Гостиная cards: - type: glance entities: [sensor.temp, sensor.humidity] - type: entities entities: [light.ambient, switch.ac] Нюанс: это не замена section/grid в новых дашбордах HA — скорее «склейка» старых/кастомных карточек в один визуальный модуль. Сложные вложенные стеки и тяжёлый card-mod иногда требуют ручной подгонки styles. Горизонтальный режим — boolean horizontal, не отдельный тип карточки. 🏠 Где уместно: 🛋 карточка комнаты: климат + свет + техника 📱 телефон: меньше отдельных «плиток», один блок на жест 🖥 wall-tablet: зона «у входа» из 2–3 виджетов 🧪 прототип UI до миграции на sections GitHub: https://github.com/ofekashery/vertical-stack-in-card Источник: Home Assistant (https://t.me/home_assistant) #HomeAssistant #HACS #Lovelace #УмныйДом #Интерфейс