Bubble-room

Hey there! Check out my custom card – it’s a cool blend of Bubble Room’s fun vibes and Mushroom’s sleek style, all made for Lovelace. I wanted something that not only looks awesome on your dashboard but also makes your smart home feel truly yours.

Dive into the code and see what’s behind the magic on GitHub: Lovelace-Bubble-room.

3 Likes

Hi, I tried to install the card. HACS download went OK. But I don’t see new card on list, even after GUI reload or HA restart. What am I doing wrong?

@redzioch Have you tried looking for the card among the available downloads?

I have successfully downloaded it.

But I do not see it on card list when I try to add new card. Eg. when I search for “bub”. As I mentioned it before, I even restarted HA after download.

use manual!
paste this:

type: custom:bubble-room
name: Salotto
icon: mdi:sofa
colors:
  active: rgba(var(--color-green), 1)
  inactive: rgba(var(--color-green), 0.3)
  backgroundActive: rgba(var(--color-green), 0.5)
  backgroundInactive: rgba(var(--color-green), 0.3)
tap_action:
  action: navigate
  navigation_path: "#salotto"
entities:
  presence:
    entity: binary_sensor.aqara_fp1_presence
    icon: mdi:bed
    tap_action:
      action: navigate
      navigation_path: "#camera"
  sub-button1:
    entity: light.luce_ventola
    icon: null
    tap_action:
      action: toggle
    hold_action:
      action: more-info
  sub-button2:
    entity: fan.sonoff_1000f6e5c7
    icon: mdi:fan
    tap_action:
      action: more-info
    hold_action:
      action: more-info
  sub-button3:
    entity: media_player.google_nest_1
    icon: mdi:play-circle
    tap_action:
      action: toggle
    hold_action:
      action: more-info
  sub-button4:
    entity: sensor.vacuums
    icon: mdi:robot-vacuum
    tap_action:
      action: toggle
    hold_action:
      action: more-info
  climate:
    entity: climate.termostato_salotto
    icon: mdi:thermostat
    tap_action:
      action: more-info
  entities1:
    entity: switch.tx_salotto_tx_ultimate_salotto_l3
    icon: mdi:light-switch
  entities2:
    entity: light.wled
    icon: mdi:led-strip-variant
  entities3:
    entity: light.gyver_lamp
    icon: mdi:lava-lamp
    tap_action:
      action: toggle
    hold_action:
      action: more-info
  entities4:
    entity: light.dreamview_p1
    icon: mdi:television-classic
  temperature:
    temperature_sensor: sensor.vindstyrka_salotto_temperature
    humidity_sensor: sensor.vindstyrka_salotto_humidity
    tap_action:
      action: more-info
  temperatura:
    temperature_sensor: sensor.temperatura_tinello_silvana_battery
    humidity_sensor: sensor.temperatura_tinello_silvana_temperature
    primary: >-
      🌡️{{ states("sensor.temperatura_tinello_silvana_battery") }}°C 💦{{
      states("sensor.temperatura_tinello_silvana_temperature") }}%
grid_options:
  columns: 6
  rows: 3
hold_action:
  action: more-info
  navigation_path: ""

I am :slight_smile: It seems that there should be something below…

And in fact it was…

Release v1.2
new visual editor and now Bubble Room can be found among the custom cards.

3 Likes

i have tried to install it with hacs but no luck

What kind of error does it give you?

When you add the repository, you need to use dashboard.

  1. Go to HACS > Frontend.
  2. Click on “Explore & Add Repositories” and add the Bubble Room GitHub repository.

https://github.com/mon3y78/Lovelace-Bubble-room”
Type: dasboard

Thank @class i have update readme

Great it is working now. Thank you :slight_smile:

:tada: Bubble-Room Card v1.3 Released! :tada:

What’s New:

Update your card now and enjoy a smoother experience!

:point_right: Check it out on GitHub - mon3y78/Lovelace-Bubble-room: Lovelace-Bubble-room

Feedback is always appreciated!

2 Likes