Awesome

Vertical Stack In Card

Version Downloads Stars

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.

Showcase Card

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)

Open HACS in Home Assistant.
Search for "Vertical Stack In Card."
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.

Make sure, advanced mode is enabled in your user profile (click on your user name to get there).
Navigate to the Configuration -> Lovelace Dashboards -> Resources.
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
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.