Vertical Stack In Card

Vertical Stack In Card is a custom Lovelace card for Home Assistant, allowing you to group multiple cards into a single sleek card. It offers a clean, organized way to display multiple cards in your Home Assistant dashboard.

Configuration Options

Name	Type	Default	Description
type	string	N/A	Must be custom:vertical-stack-in-card.
cards	list	N/A	List of cards to include.
title	string	None	Optional. Title displayed at the top of the card.
horizontal	boolean	false	Optional. Whatever stack cards horizontally.
styles	object	None	Optional. Add custom CSS for advanced styling.

Installation

Via HACS (Home Assistant Community Store)

1. Open HACS in Home Assistant.
2. Search for "Vertical Stack In Card."
3. Install and follow the setup instructions.

Manual Installation

Download the vertical-stack-in-card.js into your <config directory>/www directory.

wget https://raw.githubusercontent.com/ofekashery/vertical-stack-in-card/master/vertical-stack-in-card.js
mv vertical-stack-in-card.js /config/www/

Add resource reference

If you configure Lovelace via YAML, add a reference to vertical-stack-in-card.js inside your configuration.yaml:

resources:
  - url: /local/vertical-stack-in-card.js?v=1.0.1
    type: js

Alternatively, if you prefer the graphical editor, use the menu to add the resource.

1. Make sure, advanced mode is enabled in your user profile (click on your user name to get there).

2. Navigate to the Configuration -> Lovelace Dashboards -> Resources.

3. Click on Add resource, and fill out the form as follows:

   • Url: /local/vertical-stack-in-card.js?v=1.0.1
   • Resource type: JavaScript Module

4. Finish by clicking Create and refresh your browser.

Usage

Add the card to your Lovelace UI configuration:

type: 'custom:vertical-stack-in-card'
title: My Card
cards:
  - type: glance
    entities:
      - sensor.temperature_sensor
      - sensor.humidity_sensor
      - sensor.motion_sensor
  - type: entities
    entities:
      - switch.livingroom_tv
      - switch.livingroom_ac
      - light.ambient_lights

Acknowledgements

Thanks to @ciotlosm and @thomasloven for their inspiration and contributions in building the foundation of this project.