Clocks.dev: A Creative Collection of Open Source Digital Clock Designs
Collection of Digital Clock Designs
I have curated Clocks.dev, a vibrant showcase of unique digital clock designs ranging from minimalist interfaces to complex binary displays. Every clock in this collection is open source, inviting developers and designers to explore, remix, and create their own time-telling art. Whether you prefer geometric proofs, word fields, or floating hands, this platform celebrates the endless possibilities of visualizing time on the web.
All clocks are open source.
- 72mena
Oh I love these! It just reminded me of a small project I had in which I was creating experimental watchfaces using SVGs and JavaScript, this is before the AI boom so I made all of these by hand and, although there's nothing impressive here, I'm proud of them as a designer who learned basic code by myself.
https://watchface.netlify.app/
And I wrote about it here:
https://72mena.medium.com/designing-watch-faces-using-svgs-a...
- vunderba
At this point it'd be worth creating an old-school webring [1] for all the HN clock enthusiasts. :)
The clock at: https://clocks.dev/clock/lock-screen
is kind of similar to one of my clocks: the Filling Digit clock [2], which fills the hollow digits with water from the bottom up to represent the seconds in a minute:
Another one that made the rounds here on HN was "Alphabetical Clock" [3] which is pretty amusing.
[1] - https://en.wikipedia.org/wiki/Webring
- billynomates
I made this clock recently just for fun. It's a digital clock made of analog clocks
- makeitdouble
"Number field" felt like the best spacial representation of a numeric clock (would need to be 24h to be perfect but that's a small tweak)
There are plenty of them in a more linear style, but the 12 columns design really works well IMHO. It's really easy to roughly guess the time at a glance.
- toddmorey
This is awesome! I made a Soroban (Japanese abacus) version, but I couldn't add it to the collection since I used css-based animations. Published here: