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.

---

Cards

Orbit Cards currently includes:

Card	Type	Purpose
Area Card	custom:orbit-area-card	An area overview card with a main entity, area 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.
• Tabbed editor sections with grouped controls for area/card settings, status fields, buttons, curved buttons, and action buttons.
• 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

1. Open HACS.

2. Go to Frontend.

3. Open the menu and choose Custom repositories.

4. Add:

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

5. Select category Dashboard.

6. Install Orbit Cards.

7. Refresh Home Assistant.

8. Add one of the Orbit cards from the dashboard card picker.

Manual

1. Download dist/orbit-cards.js from the repository.

2. Copy it to:

   /config/www/orbit-cards.js
   

3. Optional: to use bundled orbit: icons with a manual install, copy dist/icons to:

   /config/www/icons
   

4. In Home Assistant, go to Settings -> Dashboards -> Resources.

5. Add this resource:

   /local/orbit-cards.js
   

6. Set the resource type to JavaScript module.

7. 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.

Compatibility

• Home Assistant Lovelace dashboards.
• Home Assistant 2025.6.0 and newer recommended.
• HACS or manual resource installation.
• Browser Mod is required only for Browser Mod popup actions.
• Bubble Card is required only for Bubble Card hash popups.
• custom:orbit-room-card remains registered as a legacy alias for custom:orbit-area-card.
• room_name remains supported as a legacy alias for area_name.
• Legacy Area Card configs are migrated when the editor opens: custom:orbit-room-card is rewritten to custom:orbit-area-card, and room_name is rewritten to area_name.

Support

For bugs, feature requests, and releases, use the GitHub repository: andyblac/Orbit-Cards

A WiKi guide is available: Here

Credits

Created by AndyBlac.