Wall mounted Bubble dashboard

[mariobgr]

Ever since I decided I’ll be mounting an iPad on my wall, I was eager to update my default dashboard to match the new Apple Liquid Glass design language - and optimise it for tablet screen size.

So about 40-60 hours of work, reading documentation and experimenting with css and js, plus some inspiration from AI tools, I’m happy enough with the result to share with community.

Uses the amazing Bubble Cards (thanks @Clooos, I love your work!), with a lot of customisations:

• custom Room Card build from scratch
• custom Climate Card adapted to work with a water heater
• custom Vacuum Cleaner card
• Liquid Glass 2 module (although iOS does not fully support it in its full beauty)
• a lot of tweaks to pretty much every card to achieve the overall aesthetics.

Looking forward to your thoughts!

[skorupas]

Wow! That's excellent! Is there a chance to share yaml? ;)

[wall121]

good starting point for my project. would love to see the yaml to learn from it

[forsit66]

Really amazing.
I’m new to using bubble card. Is the weather card the module by clooos? Or have u done it fully with UI and custom styling?
Tried to build it on my own but I am struggling with the forecast section…

[daproject85]

@mariobgr would i bee able to ask for you help on dashboard creation? im more than happy to pay a fee if needed for help and work

[KameDomotics]

@mariobgr

The effect on the cards is very beautiful. I've tried to do a similar job several times, but I've never achieved a satisfactory result. Yours came out well, aesthetically very beautiful!

If you want, could you share some tips on how to achieve a similar result?

Thanks