What is CardBuilder?
CardBuilder is a custom integration for Home Assistant that gives you a fully visual card design studio inside your own instance. Design custom dashboard cards without writing a single line of YAML or code — then share them with a growing community.
A Dashboard Studio Built Into Home Assistant
CardBuilder extends Home Assistant with a dedicated visual editor, a custom card renderer, and access to a community marketplace — all in one integration.
Dedicated Panel in the HA Sidebar
Once installed, CardBuilder adds its own panel to the Home Assistant sidebar. From here you manage your entire card library — create, edit, duplicate, and organize all your cards from one place.
Visual Drag-and-Drop Builder
Open any card to enter a full-screen visual editor. Drag and drop blocks onto the canvas, configure properties, apply styles, bind entities, and see the result live — no YAML, no code required.
Custom Lovelace Card Renderer
Each card you design is rendered in any Home Assistant dashboard via the custom `card-builder-renderer-card` Lovelace card. Full interactivity, live entity data, exactly as designed.
Reusable Card Templates
Cards with Entity Slots become reusable templates. Place the same card multiple times with different entities. Change the design once — every instance updates automatically.
From Installation to Beautiful Dashboards
CardBuilder installs as a standard Home Assistant custom integration. HACS is the recommended method — it takes just a few minutes.
Install via HACS
Open HACS in your Home Assistant instance, navigate to Integrations, and add the CardBuilder repository as a custom repository. Install it with one click and restart Home Assistant.
Prefer manual installation? Download the latest release from GitHub, extract it into your custom_components directory, and restart Home Assistant.
Add the Integration
After restarting, go to Settings → Devices & Services → Add Integration and search for "Card Builder". Complete the brief setup in seconds.
The Card Builder panel will appear immediately in the Home Assistant sidebar once the integration is configured.
Design Your Cards
Open the Card Builder panel and start creating cards. Use the visual drag-and-drop builder: place blocks on the canvas, bind entities, configure styles, and set up interactions — all through the visual UI.
The builder includes a live canvas with real entity data, a block palette, layer tree, and dedicated properties, styles, and actions panels.
Use in Your Dashboard
Add the custom `card-builder-renderer-card` to any Home Assistant dashboard view. Select your card, configure entity slots if applicable, and you're done. Changes in the builder apply everywhere instantly.
Cards with Entity Slots can be placed multiple times — each time with a different set of entities, turning one design into many.
Share Your Cards. Discover Others.
Beyond building your own cards, CardBuilder connects you to a community marketplace where you can share your creations and download cards built by other users.
A Free Account is Required for Marketplace Access
To interact with the marketplace — whether sharing your own cards or downloading community creations — you need a free CardBuilder account. It is separate from your Home Assistant instance and takes seconds to create.
Create Free AccountShare Your Creations
Publish any card you've built to the marketplace directly from the CardBuilder console. Help others and earn download credits in return.
Discover & Download
Browse ready-made cards built by the community. Download and import them directly into your CardBuilder instance.
Earn Download Credits
Every time someone downloads your card, you earn credits to spend on downloading other cards. The more you share, the more you unlock.
Everything You Can Build With It
CardBuilder is packed with tools for designing, styling, animating, and sharing your cards. Explore the full feature set to see everything it can do.
Visual Drag-and-Drop Builder
Full-screen editor with canvas, block palette, layer tree, and live entity preview.
Modular Block System
Compose cards with blocks: Basic, Layout, Entities, and Controls — all nestable and configurable.
Smart Entity Binding
Connect blocks to HA entities with inheritance — set an entity once and have it flow to all children.
Dynamic Style Binding
Bind any style property to entity state with five modes: Direct, Map, Threshold, Condition, and Template.
Configurable Actions
Assign tap, double tap, and hold interactions to any block via reusable action slots.
Visual Entity Links
Draw SVG connection lines between blocks with animated particle flow driven by entity state.
Ready to Get Started?
Install CardBuilder on your Home Assistant instance and start designing beautiful, fully custom dashboard cards today.