Mushroom Cards - Build a beautiful dashboard easily 🍄 (Part 1)

Share your Projects!
,
1

Hi! :wave:

I would like to present you a project I’ve been working for several weeks: :mushroom: Mushroom

image
image974×706 66.9 KB

It’s collection of cards to help you to build a lovelace dashboard.

Features

  • :hammer_and_wrench: Editor for all cards and and all options (no need to edit yaml but you can!)
  • :heart_eyes: Icon picker
  • :paintbrush: Color picker
  • :rocket: 0 dependencies : no need to install another card.
  • :rainbow: Based on Material UI colors
  • :first_quarter_moon: Light and dark theme support
  • :art: Optional theme customization
  • :earth_americas: Internationalization

Availables cards

  • :rotating_light: Alarm card
  • 🪟 Cover card
  • 🪄 Entity card (compatible with all entity domains)
  • :dash: Fan card
  • :bulb: Light card
  • 🙋 Person card
  • :hammer_and_wrench: Template card (with template support like the markdown card)
  • :bell: Chips card
  • :pencil2: Title card
  • :package: Update card
  • :thermometer: Climate card
  • :tv: Media card
  • :broom: Vacuum card

Why Mushroom ?

The idea behind Mushroom is to provide an easy way to build a beautiful dashboard with a full editor support like official Home Assistant cards.

There interface is heavily inspired by the 7ahang’s work on Behance and the excellent Ui Lovelace Minimalist.
But there is some important differences to notice :

  • Minimalist is for people who want a beautiful customized dashboard and are not afraid of the yaml (customization is awesome with Minimalist :heart_eyes:)
  • Mushroom is for people like me who hate yaml and prefer to build their dashboard with the interface (icon picker, color picker, toggle, select, etc…)

Mushroom is currently is in Beta because it’s pretty new so they can be some breaking changes in the next releases but you can give it a try if you want !

It is available in HACS, just search for “Mushroom” in the “Frontend” section.

Feel free to give feedback :hugs:

319 Likes
2

Nice work!

2 Likes
3

This is incredible! Great work! I have migrated my entire dashboard over to this. I’m really excited to see the media card.

6 Likes
4

Tried this out. Very cool. Thank you for sharing and posting this. Looks like my dashboards are itching for an overhaul now :smiley:

P:S Requesting if you could include a button card. I have alot of switches connected to lights and fans which dont show up in either light or fan cards.

1 Like
5

Well, this is absolutely beautiful!!

6

Thank’s for the feedbacks :relaxed:

For the button/switch card. You can use the Mushroom Entity Card :

type: custom:mushroom-entity-card
entity: switch.your_switch
tap_action:
  action: toggle

I put the yaml but you can configure this with the editor of course.

6 Likes
7

Finally touch friendly color temp control, this is great!

1 Like
8

Nice looking cards, great work!

9

Thanks. Again, Fantastic work. Already revamping my dashboard.

10

It’s great!! congratulations. Start to using now

11

I’m in love with these cards!

1 Like
12

Well Done ! really awesome :slight_smile:

1 Like
13

Good work. I like very much

14

Awesome work on this! I’m looking forward to future updates.

There are a number of nice custom cards built for minimalist that would be awesome to port over.

1 Like
16

Very nice! Would be great to add some sample code of the preview image so i can check how you worked it out with Title text and horizontal/vertical stacks

17

This has the full look & feel as UI minimalist and feels a bit like a copy under you own name. What’s the added value of using mushroom compared to UI minimalist? :sweat_smile: Why not contribute to that project rather than making a new one? :nerd_face:

I’m not trying to criticize here but just trying to understand how this might differentiate from the original project :wink:

18

I think that the idea was to take Minimalist and make it into something that’s super easy for anyone to use.

3 Likes
19

Mushroom is way easier for non-yaml people (and frankly said: there’s not much you could misunderstand while configuring).

3 Likes
20

I am a newbie and to do minimalist UI was kind of out of my reach as of now. This is easy plug and play system he has created. He has credited those people he took ideas from. Plus, this is all done for the betterment of the community as a whole. Experts and non-experts alike.

4 Likes
21

IMHO there is one big difference - it’s usability. The ease of use of Mushroom is really awesome!
I’m trying to familiarize myself with YAML, primarily to get a clean, responsive interface to Home Assistant on mobile devices. It’s a pretty slow learning and struggle process.
I’m still trying to understand and learn YAML, but now it’s possible to get a minimalist interface without being a YAML pro. I really like it.

1 Like