Bubble-Dashboard

This dashboard is designed for Home Assistant using Bubble Cards to provide an intuitive and visually appealing interface. It is fully adaptive to different screen resolutions, ensuring a consistent user experience across devices. The setup is customizable, making it easy to tailor the layout and features to your smart home needs.

Status: Work in Progress 🚧

This dashboard is still a Work in Progress. I will be actively updating and improving it, so expect frequent changes and enhancements. Feel free to check back often for the latest updates.

If you have any suggestions, ideas, or improvements, I’d love to hear them! Feel free to open an issue or contact me directly. Your feedback will help shape the final product.

Table of contents

Installation Configuration

Installation

Home Assistant lowest supported version: 2023.9.0

Prerequisites

1. Bubble Cards
2. Bubble Theme
3. Card Mod
4. State Switch
5. Layout Card

In order to fully replicate this dashboard in your Home Assistant, the following items need to be installed:

Optional

1. Waste Collection Schedule
2. SmartThinQ LGE Sensors
3. Frigate & Frigate Card
4. RGB Light Card
5. SmartThing Custom
6. Light Entity Card
7. Decluttering Card
8. Stack in Card

The installation process is straightforward. Follow these steps to set up the dashboard:

1. Create a views folder:

   • If you're using the Studio Code Server Add-on for Home Assistant (recommended), navigate to your Home Assistant configuration folder.
   • Create a new folder called views to store your dashboard files.

2. Modify configuration.yaml:
   Add the following code to your configuration.yaml file to set up a custom dashboard mode:

   lovelace:
     mode: storage
     dashboards:
       lovelace-yaml:
         mode: yaml
         title: uberDash
         icon: mdi:account-supervisor-circle
         show_in_sidebar: true
         filename: uberdash.yaml

   This will create a custom Lovelace dashboard called uberDash that will appear in the sidebar with the specified icon.

3. Copy the dashboard files:
   Download or clone the repository and place the dashboard YAML file (uberdash.yaml) in main folder and any other necessary files into the views folder.

4. Configure Lovelace UI:

   • Open Home Assistant and navigate to Configuration > Lovelace Dashboards.
   • Ensure that the uberdash.yaml file is loaded as a new Lovelace dashboard.

5. Adjust resources:
   Ensure that the Bubble Cards and other custom cards are properly referenced in your Lovelace resources (Configuration > Lovelace Resources).

6. Restart Home Assistant for the changes to take effect.

Configuration

To finalize the setup of the dashboard, there are a few steps where you need to create either a sensor, binary sensor, or other entities. Please follow the steps below:

1. Create Sensors

In your configuration.yaml, you’ll need to define some custom sensors. Add the following example configuration:

sensor:
  - platform: template
    sensors:
      example_sensor:
        friendly_name: "Example Sensor"
        value_template: "{{ states('sensor.some_existing_sensor') }}"

This will create a new sensor based on an existing sensor or value in your system.

2. Create Binary Sensors

Similarly, for binary sensors, add the following configuration:

binary_sensor:
  - platform: template
    sensors:
      example_binary_sensor:
        friendly_name: "Example Binary Sensor"
        value_template: "{{ is_state('sensor.some_existing_sensor', 'on') }}"
        device_class: motion

This binary sensor will monitor a specific sensor’s state and can be customized based on your setup.

3. Reload Configuration

After adding the sensors and binary sensors, you’ll need to reload the configuration for the changes to take effect:

• Navigate to Configuration > Server Controls.
• Click on Check Configuration to ensure there are no errors.
• Click Reload Template Entities or restart Home Assistant if necessary.

Following these steps will finalize the configuration and ensure all required sensors are in place for your dashboard to function correctly.