Skip to content

Lovelace

Custom cards

Great compilation of Lovelace resources: sharethelove.io

New to custom cards? Read this before you try to add some.

I'm using yaml mode, with includes.

My main Lovelace-file is found here, and my folder with includes here. This is very much still a work in progress, so files might not correspond exactly to screenshots.

I put a lot of work into making this repo available and updated to inspire and help others! If you want to, you can support me here:

Buy Me A Coffee

Examples from my Lovelace gui

I have tried to make a gui that is mobile first, since that's how I most often look at it, scroll down for mobile examples.

Click on the images to get to the corresponding yaml-file.

Desktop

Home view

Home info

Lights

System info

Automations

Mobile

Home view

Home info

Lights

System info

Cameras

Traffic

Comments