Home
Ultra Card is a visual, modular card builder for Home Assistant Lovelace dashboards. Build professional dashboards without writing YAML — drag-and-drop modules, conditional logic, Jinja2 templates, and a 4-tab editor on every module.
| If you want to... | Read this |
|---|---|
| Install Ultra Card in Home Assistant | Installation |
| Build your first card | Quick-Start |
| Understand the editor | The-Editor |
| Browse every module | Modules-Overview |
| Show / hide modules conditionally | Logic-and-Conditions |
| Use Jinja2 in module fields | Templates-and-Jinja |
| Wire up taps, holds, and actions | Actions |
| Style modules globally | Design-System |
| Sync configs and add Pro modules | Pro-and-Cloud |
| Develop or contribute | Development |
| Translate Ultra Card | Translations |
| Solve a problem | FAQ-and-Troubleshooting |
- 74+ modules across 7 categories (content, data, interactive, layout, media, input, Pro)
- Drag-and-drop layout — rows, columns, and unlimited nesting
- 4-tab module editor — General, Actions, Logic, Design
- Native + 3rd-party card embedding — Bubble Card, Mushroom, ApexCharts, etc.
- Conditional logic — entity state, attribute, time, or Jinja2 templates
- Full Jinja2 support — with a CodeMirror-powered template editor
- Preset Marketplace — install community presets, share your own
- 15 languages — full internationalization
- Pro tier — cloud sync, daily backups, animated modules, video backgrounds
Note: This wiki documents Ultra Card v3.4.0-beta1. Some features and modules may differ slightly in older releases.
Ultra-Card/
├── src/
│ ├── cards/ Top-level <ultra-card> Lit element
│ ├── modules/ 74+ module implementations + registry
│ ├── editor/ 4-tab visual editor
│ ├── tabs/ Global Actions / Logic / Design tabs
│ ├── components/ Reusable UI (color picker, entity picker, dialogs…)
│ ├── services/ Cross-cutting services (logic, templates, cloud…)
│ ├── translations/ 15 language files (en.json is canonical)
│ ├── utils/ Helpers (template processor, form utils, layout…)
│ ├── pro/ Pro/Cloud-gated module implementations
│ ├── panels/ Ultra Card Hub sidebar panel
│ └── types.ts Single source of truth for config types
├── docs/ Per-module documentation (also linked from wiki)
├── scripts/ Release, translation, sync helpers
├── webpack.config.js Production bundler
└── package.json
For a deeper development walkthrough, see Development and Architecture.
MIT-licensed. Created by WJD Designs. Thanks to the Discord community and everyone who contributes presets, translations, and feedback.