Tabdeck Card
Organize multiple Lovelace cards into a modern, configurable tabbed interface for Home Assistant.
Tabdeck Card is a custom Lovelace card that lets you stack any number of cards behind a tab bar — with icons, badges, per-tab visibility, several bar styles and positions, swipe and keyboard navigation, and a full GUI editor.
🎮 Try the live demo: no Home Assistant needed.
Contents
- Installation — HACS and manual install.
- Getting Started — your first tabbed card in two minutes.
- Configuration — every option, with defaults and examples.
- The Visual Editor — building decks without writing YAML.
- Showcase — decks from other users, and how to share yours.
- Tab Visibility — show/hide tabs by state, number, screen, or template.
- Badges — entity- or template-driven badges on tabs.
- Navigation & Persistence — swipe, keyboard, and remembering the selected tab.
- Features — index of every optional feature.
At a glance
| Capability | Summary |
|---|---|
| Tab bar position | top, bottom, left, right |
| Tab bar style | underline, pill, segmented |
| Per-tab | name, icon, accent colour, badge, visibility conditions |
| Navigation | click, keyboard (arrows/Home/End), optional mobile swipe |
| Persistence | none, browser (localStorage), or URL hash |
| Performance | optional lazy-mount of inactive tabs |
| Editor | full ha-form GUI with a card-type chooser and collapsible tab blocks |