Orbit Cards: collection of modern Home Assistant dashboard cards

andyblac · June 5, 2026, 12:49pm

Orbit Cards

Orbit Cards is a collection of modern Home Assistant dashboard cards with a shared visual style, shared editor controls, and support for custom icons, dynamic colours, popups, navigation, and compact grouped layouts.

Repository: andyblac/Orbit-Cards

Cards

Orbit Cards currently includes:

Card	Type	Purpose
Room Card	`custom:orbit-room-card`	A room overview card with a main entity, room navigation, status entities, side buttons, and curved quick actions.
Status Card	`custom:orbit-status-card`	A status summary card with Standard, Icon Only, grouped Icon Only, and Person modes.
Action Card	`custom:orbit-action-card`	A compact action card for scenes, scripts, automations, and grouped action shortcuts.

Features

Built-in visual editors for all cards.
Shared colour handling across cards.
Named colours, theme colours, hex colours, rgb(), hsl(), and light colour support where supported.
Colour preview swatches with a native colour picker and selectable theme colour previews.
Material Design Icons and local SVG/image icons.
Tap, hold, navigation, service, popup, and Browser Mod actions.
Dynamic entity state updates scoped to only the entities used by each card.
Grouped compact layouts for Status Icon Only and Action Card.

Installation

HACS

Open HACS.
Go to Frontend.
Open the menu and choose Custom repositories.

Add:

https://github.com/andyblac/Orbit-Cards

Select category Dashboard.
Install Orbit Cards.
Refresh Home Assistant.
Add one of the Orbit cards from the dashboard card picker.

Manual

Download dist/orbit-cards.js from the repository.
Copy it to:
```
/config/www/orbit-cards.js
```
In Home Assistant, go to Settings -> Dashboards -> Resources.
Add this resource:
```
/local/orbit-cards.js
```
Set the resource type to JavaScript module.
Refresh Home Assistant.

Updating

After updating the JavaScript file, refresh the browser or reload Home Assistant frontend resources. Some browsers and Home Assistant apps cache frontend resources aggressively, so a hard refresh may be needed after manual updates.

Full documentation is in my GitHub Repo, These cards are still in development, please report any bugs / issues.

Andy.

andyblac · June 11, 2026, 12:16pm

Version summary:
Orbit Cards v0.11.46
Room Card v0.6.36
Status Card v0.11.25
Action Card v0.4.25

andyblac · June 12, 2026, 11:57am

Added localisation support for Orbit Cards

Add shared localisation helper with Home Assistant language detection
Add English and English UK translation files
Add partial translation files for German, Spanish, French, Italian, Dutch, and Brazilian Portuguese

I would appreciate the help with translations, I have used AI to partially translate some languages, If any native speakers could check and correct if they are incorrect.

This is currently in the Dev branch here.

andyblac · June 13, 2026, 3:29pm

I think these cards are ready, so enjoy the First Release out of beta.

andyblac · June 16, 2026, 12:09pm

Just a small fix to..

Fix compact grouped card layout

Set Action Card and Status Icon Only grouped layouts to use auto height by default.
Match grouped outer and inner compact card aspect ratio at 0.93 / 1.
Prevent grouped tiles from stretching vertically inside the card body.
Keep compact grouped content aligned to the top to avoid clipping and extra gaps.
Rebuilt dist/orbit-cards.js.

Versions:

Orbit Cards: 0.12.1
Status Card: 0.12.1
Action Card: 0.5.1

andyblac · June 16, 2026, 2:17pm

Fix grouped compact card body height

Let grouped Action Card and Status Icon Only card shells use content-driven height.
Removed the grouped outer aspect-ratio reservation that caused gaps below compact multi-card rows.
Kept grouped inner tiles at the compact 0.93 / 1 aspect ratio.
Rebuilt dist/orbit-cards.js.

Versions:

Orbit Cards: 0.12.2
Status Card: 0.12.2
Action Card: 0.5.2