Ender 3 LCD Screen "like" card

I’m not sure if this is the right forum, but I think it is!

I’ve been trying to replicate the LCD screen of my Ender 3 Pro on the Home Assistant dashboard.
Ideally, I should’ve built a custom card, but since I didn’t have much time, I ended up creating a small abomination by mixing a Markdown card with CSS using card_mod and 3 SVG images.

This is how the card looks:

I’ve uploaded the card code, necessary images and the instructions in the next repository:

You’ll probably need to adjust the sensor names, but they’re all at the top of the code, so the rest should work without issues.

I know it’s not the most elegant solution, but the result is quite faithful to the real screen.

The only change compared to the original LCD is that instead of showing X, Y, and Z positions, I’ve added the name of the file being printed.

Of course, you can adapt the card to show whatever information works best for you.

Hope you like it!

3 Likes