Ubah tampilan Home Assistant mu jadi lebih keren dengan Integrasi ini

Kalian yang lagi demen otak atik Home Assistant, pasti hampir tiap hari, tiap saat mantengin dashboard Home Assistant, Update tambah / edit card biar tampilan lebih fungsional atau cuma sekedar mantengin graphic card yang naik turun :),

Pasti kalian pernah merasa jenuh dengan tampilan yang begitu-begitu saja, ya kan…!!!

Kali ini saya akan share cara mudah update tampilan dashboard mu menjadi lebih cantik dan effisien serta responsif ditampilan mobile device. sepert dibawah ini nih tampilan nya, keren kan??

Yess. kalian mungkin udah pernah lihat atau bahkan mencoba mengimplementasikan UI Lovelace Minimalist ? UI Lovelave ini terinspirasi dari design karya Yuhang Lu, yg bisa kalian lihat di situs Behance
namun untuk mengubah tampilan menggunakan UI Lovelace Minimalist butuh kesabaran dan ketelitian karena saat ini UI Lovelace Minimalist belum men-support UI editor, yang artinya kalian harus mengedit dashboard kalian menggunakan code editor yang cukup membuat pening kepala hehehe…

Nah.. solusinya kalian bisa pake nih, add-on dengan nama Mushroom

Apa sih itu Mushroom

Mushroom adalah koleksi dari card untuk Dashboard Home Assistant
Ide di balik Mushroom adalah menyediakan cara mudah untuk membangun dasbor yang indah dengan dukungan editor penuh seperti Home Assistant Card resmi.

Kalian bisa check keterangan di github nya di link berikut :
https://github.com/piitaya/lovelace-mushroom

Fitur yang tersedia

• Editor untuk semua Card dan semua opsi (tidak perlu mengedit file yaml)
• 😍 Pemilih ikon
• Pemilih warna
• 0 dependensi : tidak perlu memasang kartu lain.
• Berdasarkan warna Material UI
• Dukungan tema terang dan gelap
• Kustomisasi tema opsional
• Internasionalisasi

Kartu yang tersedia

Mushroom belum sempurna dan masih terus di kembangkan oleh developer nya, namun sebagian besar card sudah tersedia dan bisa digunakan, diantaranya :

• Alarm Card
• Cover Card
• Entity Card (kompatibel dengan semua domain entities)
• Fan Card
• Light Card
• Person Card
• Template Card (dengan dukungan template seperti Markdown Card)
• Chip Card
• Title Card

Dan beberapa Card yang akan segera tersedia dalam waktu dekat :

• Climate Card
• Media Card
• Vacuum Card