šŸŒŸ Introducing the Google Components

Share your Projects! Custom Integrations
21

Good point, thanks for mentioning it! The project will get a new name in the near future, so this wonā€™t be an issue.

1 Like
22

Hi everyone,

Iā€™m currently working on a big update for the component: the new version will be 2.0.0. Itā€™s not available yet, but you can check out the new GitHub repository here:

Following @Nerwynā€™s suggestion, Iā€™m renaming the component from Google to Material Home Component.
This update will also change the component names from google to material. Please note: the new component will not be backward compatible with the old one. I will provide instructions for migration later, as the old component will be deprecated.

In addition, Iā€™ll be working to fix reported bugs, optimize the source code, and add new languages (French, German, and Spanish), along with 2 new components.

No release date is set yet for the first version, so stay tuned! Iā€™ll also try to contact a moderator to update this thread. In the meantime, if anyone knows how to edit the title or content of an existing thread, any advice would be appreciated.

Lastly, if anyone would like to support the project, a small donation would be greatly appreciated, as developing and maintaining these components takes a lot of time and effort.

Thanks everyone!

2 Likes
23

Any teasers for 2.0? :wink:

24

Hey! :sunglasses:

For 2.0, Iā€™ll be working on fixing all the issues reported on GitHub. You can check them out here:

There will be two new main components:

  1. One related to house users
  2. One for the menu

But the most exciting addition is a new sensor dialog, which can be opened directly from the button card.

Want to catch all the sneak peeks and fun updates? Keep an eye on my socials!

Instagram  WebSite

Stay tuned, and get ready for some cool new features! :rocket:

2 Likes
25

:art: Material Home Component 2.0.0

Instagram  WebSite  WebSite  BuyMeACoffee  Sponsor

Now available on HACS!

Hi everyone! :wave:
Iā€™m excited to announce the release of Material Home Component 2.0.0, a completely reworked version that brings a modern look, new integrations, and a more modular structure.

:rocket: Whatā€™s New in 2.0.0

:arrows_counterclockwise: Migration from Previous Versions

Version 2.0.0 introduces a new structure and configuration system.
To migrate smoothly from older versions:

:warning: Note: Older configurations are not fully compatible due to the complete refactor.

:bulb: Now on HACS!

You can now install Material Home Component directly from HACS (Home Assistant Community Store) :tada:
Just search for ā€œMaterial Home Componentā€ under Frontend, or add it manually:

My Home Assistant

:books: Updated Documentation

Full setup guides, examples, and configuration details are available in the official documentation:

:sparkling_heart: Support the Project

Material Home Component is a free and open-source project developed with passion and care.
If you enjoy using it, please consider supporting its development, every contribution helps me dedicate more time to improving the component, adding new features, and maintaining long-term compatibility with Home Assistant.

Even a small donation makes a difference :blue_heart:

:sparkles: Your support helps keep the project alive, updated, and free for everyone.

:speech_balloon: Feedback, ideas, and contributions are always welcome!
Thank you all for your continued support and for helping make Material Home Component even better

2 Likes
26

Nice work men!

I started testing these cards a few days ago and I like them how they work with the Material Theme, but I have a few problem with them.

As a heavy button-card user, I miss some features, for exemple this:

label: |
                [[[
                  const days = Number(entity?.state);
                  if (isNaN(days)) return "InvƔlido";
                  if (days === 0) return "Hoje";
                  if (days === 1) return "Ontem";
                  return `${days} dias atrƔs`;
                ]]]

Itā€™s weird seeing a entity card with some value and not having some text before ou after.

To overcome that I tried to replicate the card using button-card, but with no success. I tried a lot of background color variables and none worked. I always get another color different from yours.

I would love to have a card like the Mushroom Template.

27

Iā€™m struggling to use the button card. Iā€™m trying to set it up so that a single tap triggers a button entity. button.wiser_boost_all_heating

The action I have set up for the card is:

tap_action:
  action: perform-action
  perform_action: wiser.boost_heating
  target:
    entity_id: climate.wiser_living_room

But tapping the card does nothing. Would you mind pointing me in the right direction on how to get this to work please?

Thanks!

28

Can you open an issue here? Github

29

There should be some fix about it in the next release V2.1.0, can you try again after i will make the release? And in case Open an issue on Github

30

Still nothing unfortunately, with the latest release. The action works in developer tools, just not on the button card.

Are there any logs anywhere that I could check, at all?

Thanks!

31

Hi.

How do you make the units visible on the button card?
Thanks

32

What do you mean?

33

Hi, first of all, thank you so much for the great work, the cards are great. I have one suggestion, a request. Would it be possible to set the ON/OFF button for all the lights to a specific group? Recently I saw that there was an option to add a zone so adding control over a specific group can probably also be done. Thanks in advance :slight_smile:

35

Can you open an issue here? Github

36

awesome card can i change on my cliaĀ“mate the hvac mode directly cool heat ect?

37

Hi everyone,

I wanted to take a moment to talk about Material Components for Home Assistant.
I develop and maintain this component entirely on my own. Every feature, fix, and update comes from my personal effort and passion for improving Home Assistant for all of us.

Maintaining this project requires time, testing, and energy. Without support, itā€™s becoming harder to keep it sustainable.

A new update may be coming soon, with improvements and new features. Your support can help ensure this wonā€™t be the last one and that Material Components can continue to grow.

If Material Components has been useful to you or has improved your Home Assistant experience, even a small donation can make a real difference and helps me dedicate more time to the project.

I also want to be fully transparent:
Iā€™m currently evaluating different paths for the future of the component. This includes the possibility of keeping it fully open, introducing a paid model with a free basic version, or if support remains extremely low, even discontinuing the project. No final decision has been made, but I want to be honest about the situation.

Buy me a coffee

Thank you all for being part of this journey and for helping keep this small but meaningful project alive.

1 Like
38

The ā€œcustom:material-users-cardā€ Card gives me a ā€œConfigurationerrorā€, is it possible to fix that?

39

Have you read the documentations?

40

Hey, first of all. Thanks for this great collection of cards!

Regarding, the ā€œpayed modelā€, I think no one loves to pay, but we all appreciate the great effort going in. Please check out bubble card developerā€™s model. He offers early access, extra components etc. to his Patreon subscribers.

Ps is it possible to support you by translating the cards to Dutch? Any idea how?

41

Hello, great set of cards.

Wondering whether these cards support card mod? I am trying to remove the border-radius for the temperature card

1 Like