Проекты
Card Builder — визуальный конструктор карточек для HomeAssistant, который заменяет ручной YAML на…
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