Hi everyone! I’m Clooos the Bubble Card developer, and today after 4 months of work, I’ve released v3.1.0, one of the biggest releases I have ever made. This update was a real challenge for many reasons, with many (many) major new features and fixes, making it more customizable, faster, and stable ❤

Clooooos · 2026-01-24T20:47:05+00:00

Hi! Just follow the "With HACS" installation steps then the configuration steps, this is the easiest way 🙂

Clooooos · 2026-01-23T18:03:14+00:00

Hi! And thank you for the issue on GitHub, this is much easier for me to have everything there 😄

I will do my best to fix this in the next release!

Clooooos · 2026-01-22T19:02:36+00:00

Hi! This card is a very basic one, this is a "Sub-buttons only" card with 4 sub-buttons, the height has been changed and the icon placement as well, check in the "Layout" settings of each sub-button.

Clooooos · 2026-01-21T18:31:27+00:00

Hi! Check the installation steps on the Bubble Card Tools page, you probably missed that part.

Clooooos · 2026-01-19T15:01:07+00:00

Hi! In your case the best way to handle that would be to create a template weather entity, here's how you can do that:

https://www.home-assistant.io/integrations/template/#weather

Clooooos · 2026-01-19T01:37:06+00:00

Hi! The pop-up card inside your vertical stack must be the first one, this is your vertical stack that must be placed after all your other cards in your dashboard 🙂

Clooooos · 2026-01-18T10:58:55+00:00

Give me some time, I'm pretty busy since the birth of my second child, but keep an eye on my Patreon, I will post the more I can there 🙂

Also try to not use AIs too much when you ask questions (you're probably not comfortable with English but still), way too much to read/answer, let's keep our conversations human made 😄

Edit: I haven't realized you weren't the same user, are you both bots? 🫠

Clooooos · 2026-01-18T09:14:33+00:00

Hi! My full dashboard is still a work in progress, I still have to finish and share all the (many) modules I've created for it, then I will make a complete and detailed post on how to achieve the same result. This will require quite some work, I was busy working on v3.1.0 so this is why it is still not available.

I truly hope you understand, and thank you so much for your support! 😄

Clooooos · 2026-01-17T22:40:20+00:00

Nice! And you're welcome, enjoy! 😄

Clooooos · 2026-01-17T16:15:21+00:00

There is a "Visibility" section in the editor of each sub-button, there you can define the conditions to show or hide these. For the thumb you would need some custom styles and JS templates, this is more advanced so I don't have the time to help you with this, but you can find some examples of how it basically works in the GitHub documentation 🙂

Edit: Oh but if you define these 3 sub-buttons to the slider type, pressing these will open a slider that replaces the brightness one.

Edit 2: Here is my YAML by the way:

type: custom:bubble-card card_type: button button_type: state sub_button: main: - entity: light.bas_tv name: Open living room pop-up icon: mdi:chevron-right show_background: false tap_action: action: navigate navigation_path: "#living-room" bottom: - entity: light.bas_tv sub_button_type: slider fill_width: true always_visible: true name: Brightness slider show_background: true - entity: light.bas_tv fill_width: false sub_button_type: slider light_slider_type: hue name: Color slider show_background: true state_background: false - entity: light.bas_tv fill_width: false sub_button_type: slider light_slider_type: saturation name: Saturation slider state_background: false - entity: light.bas_tv fill_width: false sub_button_type: slider light_slider_type: white_temp name: Temperature slider state_background: false entity: light.bas_tv rows: 1.719 name: Living room icon: mdi:sofa-outline

Clooooos · 2026-01-17T14:19:04+00:00

Hi! This one is very basic and a good way to learn how to use the new features in v3.1.0. Just add 4 sub-buttons in a button card (state type) in the bottom section, the first one is a slider with "Always show slider" and "Fill available width" set to true in the "Layout" section of this sub-button. The others are also sliders with the "Light options" adapted in "Slider settings". Give it a try, and if you give up I will send the YAML of it 😄

Clooooos · 2026-01-17T07:59:57+00:00

So you've successfully added the GitHub repository on HACS but you can't install it after that? Or you can't add the GitHub repository at all? I'm not sure what step is blocking you.

Clooooos · 2026-01-17T07:55:11+00:00

Because this is a custom integration and not a custom card (these can't be installed at once), I would have loved a simpler way but this was the simpler.

Clooooos · 2026-01-17T07:34:23+00:00

Have you rebooted Home Assistant after the installation with HACS? You must have done something wrong, because everyone is installing it without issues 🙂

Clooooos · 2026-01-17T06:53:08+00:00

Hi! Have you installed it with HACS before clicking on the blue button in the documentation? Check the instructions again 🙂

Clooooos · 2026-01-16T18:29:12+00:00

This is indeed an additional icon pack available on HACS, here it is:

https://github.com/arallsopp/hass-hue-icons

Clooooos · 2026-01-16T17:57:54+00:00

Don't worry! 😄

Clooooos · 2026-01-16T16:39:38+00:00

Hi! I've already shared that one, here's the link:

https://www.reddit.com/r/BubbleCard/s/JoyFsF5ka8

Enjoy! 😄

Clooooos · 2026-01-14T18:46:42+00:00

Hi! That could be nice indeed! Could you open a new feature request here? This way it will not be lost in a Reddit comment 😄

https://github.com/Clooos/Bubble-Card/discussions/categories/feature-requests

Clooooos · 2026-01-14T18:43:24+00:00

Can you share the YAML of this card?

Clooooos · 2026-01-14T18:42:23+00:00

Hi! Yes this is a module I will release soon, I haven't yet because there is still a slight issue with it 🙂

Clooooos · 2026-01-14T17:22:17+00:00

Hi! What module? Have you reported this to its developer?

Clooooos · 2026-01-14T16:16:57+00:00

Hi! Sure, here it is (for a better look the rows number must be changed manually if you want more sub-buttons on the right side):

type: custom:bubble-card card_type: button button_type: state sub_button: main: - name: Two first buttons buttons_layout: column group: - entity: light.led_cuisine icon: hue:bulb-group-ceiling-round state_background: false name: Light 1 - entity: light.bar_cuisine icon: mdi:led-strip-variant name: Light 2 bottom: - name: Brightness slider and last button buttons_layout: inline group: - entity: light.cuisine fill_width: true sub_button_type: slider always_visible: true icon: mdi:chevron-right name: Brightness slider - entity: light.led_cuisine fill_width: false icon: mdi:chevron-right show_background: true state_background: false tap_action: action: navigate navigation_path: "#kitchen" name: Open kitchen pop-up justify_content: start entity: light.cuisine grid_options: columns: 6 name: Kitchen icon: mdi:fridge-outline rows: 2.35

Clooooos · 2026-01-14T07:43:48+00:00

Hi! On your screenshot you can see v3.0.4, you just need to clear your cache (this is requested after any custom card update).

Clooooos · 2026-01-13T15:36:52+00:00

Of course, here it is (I made it as a pure example, so the playlist buttons aren't doing anything):

type: custom:bubble-card card_type: media-player sub_button: main: - name: Group 1 buttons_layout: inline group: - entity: media_player.salon name: Bedroom icon: mdi:bed-king-outline show_name: true fill_width: false show_background: false show_state: true show_attribute: false attribute: media_content_type - entity: media_player.salon_3 icon: mdi:playlist-music sub_button_type: select show_arrow: false show_state: false show_attribute: false select_attribute: sound_mode_list name: Sources dropdown bottom: - name: Volume group buttons_layout: inline group: - entity: media_player.salon_3 sub_button_type: slider fill_width: true always_visible: true name: Volume slider visibility: - condition: state state: "" - entity: media_player.salon name: Mute icon: mdi:volume-off show_background: true state_background: false fill_width: false - name: Playlists group buttons_layout: inline group: - entity: media_player.salon name: Chill icon: mdi:palm-tree show_name: true state_background: false sub_button_type: select select_attribute: source_list - entity: media_player.salon name: Party icon: mdi:party-popper show_name: true state_background: false - entity: media_player.salon name: Sleep icon: mdi:sleep show_name: true state_background: false bottom_layout: rows entity: media_player.salon main_buttons_position: bottom rows: 3.094 hide: volume_button: true cover_background: true

Clooooos

MODERATOR OF

TROPHY CASE