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

Card Builder — визуальный конструктор карточек для HomeAssistant, который заменяет ручной YAML на…

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

Card Builder — визуальный конструктор карточек для HomeAssistant, который заменяет ручной YAML на drag-and-drop.

ПроектыHome AssistantHomeAssistantYAMLLovelace-карточкаHACSS-контрольSVG-линии
🎨 Card Builder (https://github.com/studiobts/home-assistant-card-builder) — визуальный конструктор карточек для #HomeAssistant, который заменяет ручной #YAML на drag-and-drop. Это не просто ещё одна #Lovelace-карточка — это дизайн-студия прямо в боковой панели #HA. Для тех, кому надоело переписывать конфиги ради смены шрифта, или у кого не получается собрать «тот самый» виджет без вёрстки. Суть: собираешь карточку из блоков визуально, а потом вставляешь в любой дашборд — без кода, без правок #YAML, с живым предпросмотром на своих же сущностях. ✨ Что умеет: 🧱 drag-and-drop редактор с блоками: текст, layout, entities, controls, gauges 🎯 entity slots — создаёшь шаблон карточки, а при вставке просто указываешь какую сущность показать. Поменял дизайн шаблона — обновились все экземпляры 🎨 полный #CSS-контроль над каждым элементом: шрифты, цвета, фон, границы, тени 🔗 style bindings — привязка любого стиля к состоянию сущности: цвет фона → температура, прозрачность → яркость, и так далее 🧩 marketplace (https://www.cardbuilder.pro/marketplace) — готовые карточки от сообщества, импорт в один клик 📐 absolute positioning с 9 anchor points, flow layout, #SVG-линии между блоками 📊 gauge blocks — linear, radial, tachometer — от классических шкал до кастомных индикаторов с #PNG-графикой ⚡️ Ставится через #HACS как custom integration. После установки в боковом меню появляется панель Card Builder → создаёшь карточку визуально → сохраняешь → добавляешь в дашборд через custom:card-builder-renderer-card. Нюанс: это не замена Mushroom/Bubble/Tile. Это конструктор для случаев, когда готовые карточки не дают нужной гибкости — вместо того чтобы городить stack из пяти карточек с card-mod, просто рисуешь что надо с нуля. Проект молодой (первый релиз — май 2026, AGPL-3.0), но развивается быстро: за две недели между релизами добавили gauge blocks с полной кастомизацией. GitHub: https://github.com/studiobts/home-assistant-card-builder Источник: Home Assistant (https://t.me/home_assistant) #УмныйДом #Dashboard #UI #HACS #Frontend #Lovelace