Mushroom: The Must-Have Cards for Home Assistant

So after my last post about Home Assistant I decided to share more about Home Assistant and what I’m running. Therefore I’ve created a new category “Home Assistant” as well! 😉

As mentioned, Home Assistant is very powerful and fully customizable. You can design the dashboard exactly the way you want and one way to do so is using Mushroom.

What is Mushroom?

Mushroom is a set of custom Lovelace card which enables you to build your dashboard with some nice design element. It offers a variety of useful cards such as Light, Climate, Template cards and more.

All of the cards can be configured with the Home Assistant editor for all options. So there is no need to edit any YAML files.

How To Install?

Remember that I told you that there are multiple ways of having Home Assistant installed? This is a good example between having Home Assistant installed in Docker or a standalone installation. Now, if you would have the later one, you could simply search for “Mushroom” in the HACS (Home Assistant Community Store) but since I’m running it in a Docker, I need to do this manually. The steps are still very easy:

1. Download mushroom.js file from the latest-release on GitHub.
2. Put mushroom.js file into your config/www folder.
3. Add reference to mushroom.js in Dashboard. There’s two way to do that:
   • Using UI: Settings → Dashboards → More Options icon → Resources → Add Resource → Set Url as /local/mushroom.js → Set Resource type as JavaScript Module. Note: If you do not see the Resources menu, you will need to enable Advanced Mode in your User Profile
   • Using YAML: Add following code to lovelace section.
     resources: – url: /local/mushroom.js type: module

Now restart your Home Assistant and in your dashboard you can search for Mushroom cards.

Styling the Cards:

The cards included in Mushroom are highly customizable and can be easily adjusted to fit the user’s preferences. What I like about Mushroom cards is that they are visually pleasing and user-friendly, making it easy for users to navigate and access the information they need.

One of the main advantages of using Mushroom is that it significantly enhances the aesthetics of the Home Assistant dashboard. The cards are designed to be visually pleasing and user-friendly, making it easier for users to navigate and access the information they need. The developer Paul Bottein has put a lot of effort in documenting all the features as well, so you can’t go wrong on this! 🙂