I made a retro Flip Clock & Flip Sensor card

[dzaczek]

Hi everyone

I’ve been working on my dashboard recently and really wanted that classic retro “splitflap” look for my alarm clock displays. I decided to build a couple of custom cards to handle this and figured I’d share them here in case anyone else likes this style.

I made two separate cards:

1. Flip Clock Card A simple animation-based clock. Repo: GitHub - dzaczek/lovelace-flip-clock-card: A retro-style Flip Clock with realistic 3D fall-down animations for Home Assistant.

2. Flip Sensor Card Uses the same style but for displaying any entity state (numbers, text, etc.). I use it mostly for temperature and humidity, but it should work with pretty much anything. Repo: GitHub - dzaczek/lovelace-flip-sensor-card: custom card for Home Assistant that shows an entity value as a mechanical flip flap counter

Let me know what you think! These are still fresh, so if you spot any bugs or have ideas for improvements.
Cheers!

[dflament (Davy Flament)]

Very nice, i use this on my dashboard but whenever i change to another page and go back to the homepage of my dashboard the clock stops.

[dzaczek]

Hi thx for update . I will check this during the weekend. Can you tell me if it happens on the phone, laptop, or all devices?

[dzaczek]

Hi.
I have the fix for the Flip Clock Card freezing issue after the user leaves the dashboard. The fix uses the Intersection Observer pattern.

I stopped using the disconnection callbacks. The IOer watches the card on the screen. The IOer stops the timer when the card is hidden. The IOer starts the timer again when the user returns to the view. The fix stops the timer when the card is hidden and starts it again when the user returns.

Thx for feedback i have o clue about this gap ;D.

New version 24.0.1 is ready to download.

[dzaczek]

Hi everyone, I’m excited to announce that version 25 is here!

• It’s got a cleaner code base.
• We’ve added support for Visual Editor bynlovelance.
• We’ve also removed the risk of cross-scripting

These changes apply to both cards, and I warmly invite you to test them—just in time for the New Year countdown. Merry Christmas!

[mark-zarandi]

thx breh, trying this now on a google tv.

[mark-zarandi]

This only works in HACS if you download version 24.0.1

[dzaczek]

Thanks for the report. I will check it. Can you tell me which one—clock or sensor card?"

[mark-zarandi]

Clock, clock. I pasted in your sample layout for testing. Can you give me some other advice? I can’t get 24.0.1 to show up when i cast the dashboard. There’s some folks in the repo issues remarking on this btw.

[dzaczek]

Hi, thanks for the update. I had to install a fresh instance of Hass.io to replicate the problem, so I probably solved it using the new beta version 25.1.1. I also replied on GitHub.
P.S. Don’t forget to restart Hass after installing. I also had to clear all the data from the website to load plugin correctly.

[mark-zarandi]

bro, thanks for lifting up to community. it makes a difference.

[dzaczek]

@epweston
Hi i added am pm indicator for you
Lat beta version have indicator 25.2.6-beta4

[epweston (Edwin Weston)]

WOW, I expected something like a dot in the corner. I love the options too. Very nice. Can you explain “Show Label”, I can’t figure out what it does or if I can set it myself.
Thanks again for all your hard work.

[dzaczek]

Hey, just a heads up the ‘Show Labels’ option for timezones only works if you pick a timezone that’s different from your local one. Gonna update the docs and tweak the light range order in the mesh while I’m in this fast dev phase. ;). Im glad you like this

[dzaczek]

New version stable v25.2.9
for all fans retro clock style

new view for options u

Floating