How to build a circular LCD clock

by birdculture • 11 days ago

144 66 11 days ago

The cartoony clock looks a bit weird in terms of typography when the time is 10:29, the font kind of squeezes and becomes hard to read

patates• 9 days ago

you can also do this with an esp32 as long as you don't insist using a browser to draw a clock

mareklarek• 9 days ago

That's what i wanted to say also. The raspberry is a total overkill here.

Nice implementation though!

monocasa• 9 days ago

Yeah, LVGL is probably what you'd want in that environment.

albert_e• 9 days ago

White USB-A to USB-C cable White HDMI to micro HDMI cable

Why do they need to be ...white :)

Oh i see the cables now and cant unsee them.

I guess next step is to 3D print a back case mount that encloses the RPi and plugs into a wall socket for power.

jzer0cool• 9 days ago

$159 quite expensive for the LCD

rf15• 9 days ago

It's an unconventional shape, and not subsidised by ads, etc..

krige• 9 days ago

There's a multitouch function

maxlin4• 8 days ago

I have 30$ full devkits with multitouch displays...

fourspacetabs• 9 days ago

I also tried with a Raspberry Pi Zero 2, but 512 MB of RAM were too little to run a modern browser, sadly.

I found that the surf browser was efficient enough to run fine on my Raspberry Pi Zero W. YMMV with animations and such, but it's much better than any chromium alternative in my experience.

kristianp• 9 days ago

Interesting, surf is based off WebKit2.

https://surf.suckless.org/

usagisushi• 8 days ago

I’ve previously used luakit browser [1] with cage WM [2] on a Pi Zero 2 W for my clock build, and it worked quite well.

[1] https://github.com/NixOS/nixpkgs/blob/nixos-24.11/pkgs/by-na...

[2] https://github.com/NixOS/nixpkgs/blob/nixos-24.11/pkgs/appli...

https://hackaday.com/2025/02/11/its-always-pizza-oclock-with...

zerobees• 9 days ago

How to build a circular LCD clock, step 1: buy a circular LCD that looks like a clock.

I'm not kidding, that's the extent of the build. They simply connect that display to a computer over HDMI. The only hacking here is browser-based JS for clock animations.

Animats• 9 days ago

There's a Kickstarter project to make a round phone.[1] That had potential as a female fashion accessory. But the site hasn't updated since 2025.[2]

[1] https://www.kickstarter.com/projects/dtoor/the-cyrcle-phone-...

[2] https://www.cyrclephone.com

mock-possum• 9 days ago

What makes a fashion accessory ‘female?’

rushil_b_patel• 9 days ago

That modak font looks similar to one in Pixel phones clock. But Nice thing you made there :)

atulvi• 9 days ago

Maybe you'll love my minimalist clock design https://euclid.tulv.in/

idank• 9 days ago

Nice, is there a physical clock that works this way?

waltbosz• 8 days ago

I have a physical clock that sort of works that way. It's different from a flip clock. It has these sort of 10 sided dice with numeric faces that rotate each minute. But no, the minute hand doesn't take a full minute to rotate the digit. Instead, after a minute it slowly rotates to the next number. After 10 minutes, the 10s column rotates with the 1s column, then the hours column after an hour.

Now I'll have to dig it out of storage.

trencedamp2• 9 days ago

Beat project, but

I also tried with a Raspberry Pi Zero 2, but 512 MB of RAM were too little to run a modern browser,

You don't need a browser to display graphics. And you don't need to be a programming whiz either. I'm sure Claude could write some python to render these clock faces.

teiferer2• 9 days ago

I came here to say the same thing. Why on earth do we need a "modern browser" to show a clock?

edhelas• 9 days ago

512mb or RAM to show the time, what a time we live in.

Keyframe• 8 days ago

No, 512mb NOT ENOUGH to show the time!

Cthulhu_• 9 days ago

Yeah, there's loads of really cool visualizations you can do with really limited specs, demo scene stuff. Of course, that's an art of its own, it's probably easier to look at c++ and its graphics libraries, or even game engines.

NuclearPM• 8 days ago

Easier than what?

anthk• 9 days ago

Or TCL/Tk with even less RAM and CPU usage than Python.

RicoElectrico• 8 days ago

People tend to use LVGL for this kind of projects. Seems adequate. No X server, direct framebuffer write, good tooling.

tomaskafka• 8 days ago

Dude is literally showing the Pebble watchfaces in a screenshot (64 kB limit for both code and data).

trencedamp2• 8 days ago

I just want to point out I think the project is still cool, if maybe inefficient. I love the idea of a clock that can do what a smart watch can do.

fxwin• 9 days ago

The Pi 3B+ seems just enough to render some simple animations.
I think a Pi 4 might be a good sweet spot between processing power and price,

I know this isn't exactly a serious product and more of a gadget/gimmick but man we are off by a factor of like 3-4 here :D

hack1312• 9 days ago

If they didn’t use an entire browser to render the clock face this seems like it could be an Arduino/ESP32-esque project.

ZiiS2• 9 days ago

Driving HDMI is way harder then you would guess; extremely fast timing to hit. A naive framebuffer alone won't fit in RAM, whilst not strictly needed it would make it a hard challenge.

maxlin4• 8 days ago

This. I've recently been porting my ECS-based 3d game/app engine for my 256MB Raspi Zero AND ESP32-S3, so reading that you need gigabytes to comfortably render a clock appears just ... stupid.

teiferer2• 9 days ago

Are there epaper versions of those round displays? Maybe I'm old fashioned.

bcraven• 9 days ago

I know of some smaller ones:

https://repebble.com/watch

blinry• 9 days ago

Author here! :) This article is me sharing something that made me really happy, wanting to show others how they can do the same.

I see some comments pointing out that the clock wouldn't need to run in the browser. I picked this option to make it simple for folks around me to quickly prototype their own clock faces. This isn't supposed to be the cheapest or most efficient implementation, either; feel free to build your own LCD clock and then blog about how you did it!

arkensaw• 9 days ago

Its a genuinely nice idea, I do love the second clock face you've done, the sort of "fuel gauge" one. I think a great next step would be some sort of gallery of clock faces that people can use and contribute to, based on whatever code you've used to create them

nickk81• 9 days ago

It goed to show how negative HN is

sharken• 9 days ago

In general not really, but I do understand why it's a bit underwhelming to buy the clock upfront.

With that said, the project is really cool and showcases the different watch faces well. For me that's the most interesting part, not how I construct a round LCD screen.

snorremd• 9 days ago

Indeed. Don't be dissuaded by Hacker News commenters. All the naysayers here doesn't seem to have published their own blog posts about how they built circular LCD clocks with Arduino ESP32 and low level programming or whatever they fancy as "good enough".

Browser based rendering that allows people to easily make new watch faces with JS and SVG is a perfectly reasonable platform for a nifty project like this. I think your watch faces look neat.

sixsell1• 8 days ago

Next project: Dali circular clock (flexible OLED)

mft_• 8 days ago

Really nice visuals!

Could you give a little more information about the 'stack' you're using to display the clock?

From this:

This minicomputer will power the clock. The Pi 3B+ seems just enough to render some simple animations.
I also tried with a Raspberry Pi Zero 2, but 512 MB of RAM were too little to run a modern browser, sadly. I think a Pi 4 might be a good sweet spot between processing power and price, currently.

...are you essentially displaying a full-screen browser window in the default Raspbian window manager and then running local Javascript for the clock itself?

actionfromafar2• 8 days ago

Impressive cable lacing. Nobody talked about that yet.

inigyou2• 8 days ago

Can it display the time on a set of scrollbars? :)

buibuibui2• 9 days ago

I am currently building a project (http://www.screenwall.app) that tries to reuse old phones and tablets (that some people have in the drawer unused) as widget displays. Seeing such cool widgets always tempt me to buy it, although I know that my old Samsung A6 is perfectly capable for such things as well. :D

fanatic2pope2• 8 days ago

FWIW your link comes up as a blank black page on Firefox/Linux.

buibuibui2• 8 days ago

Can you check if it‘s still the case? :o

amelius• 8 days ago

I wonder how smooth the animations are and how much energy it uses.

jaffa22• 8 days ago

It's cool I like it, but seems a little overkill on the HW. no matter. One thing though, how is the screen 1080px1080 ? Is it a 1080p square, with the visible pixles a circle cut out of that ? I doubt it's a non rectilinear pixel grid. i guess it's x y coords, rather than cartesian ?

interstice• 8 days ago

I doubt it's polar if that's what you mean.

jaffa22• 8 days ago

yes i meant polar coords

xdertz• 8 days ago

It is logically a 1080x1080 rectangular display. Every pixel outside the circle is ignored.

maxlin4• 8 days ago

A 256MB Raspi Zero can comfortably drive a HDMI-connected display at 1080p60, and not even drop frames when rendering textured+shaded 3d if you just reasonably account for overdraw.

Drawing something as simple as this with a browser is peak overkill. If the watch had a unreal-like PBR graphics diorama for example, gigabytes would at least be argued for.

actionfromafar2• 8 days ago

Yes, all of that is on the roadmap for when it goes into production in China in the millions. This was just the mockup the artists used to test out some ideas.

Don't worry, we've got a long backlog of JIRA tickets to handle all of this.

maxlin4• 5 days ago

Don't need an ounce of corporate bloat to be efficient in your own free-time projects. Writing some basic C/C++ OpenGL stuff, especially when using a ready-made engine, is now easier than ever.

Using a browser here is like buying an expensive, professional tier Stihl chainsaw just to cut two small twigs in your garden. Stupid overkill is stupid.

skyberrys• 8 days ago

Did you have any issues with screen orientation? I have a waveshare round display in one of my projects too, they are great looking. Mine had an issue with wire orientation where I needed to have the wire emerge from the bottom of the display, but then I needed to rotate the picture to properly handle the rotation. It was tricky to get that working smoothly.

Also the display cuts off the corners on mine. Does it do the same for you? I'm not too bothered by it but it's only good for running custom SW where it's okay to be missing the corners.

avgDev• 8 days ago

I wish you used banana for scale. I love the circular screens but man are they pricey compared to just square ones.

ssfrr• 8 days ago

At first, I used some random phone chargers, but the Pis would always complain about undervoltage, and throttle their CPU

This is a real annoyance with raspberry pi's. At first you think that you can run them off of USB power, but then you realize that they start throttling at 4.75V, which is still within USB spec (especially when you consider the voltage drop across the USB cable). The point of a spec is that compliant stuff should work, so you shouldn't need a "high-quality" power supply and cable, just compliant ones.

SpikedCola• 8 days ago

I would love to find a circular LCD (even down to 1 or 2 inches across) that has a hole in the center, to be able to use it with a needle/stepper motor.

serf• 8 days ago

man it sucks that waveshare doesnt sell a 7 incher w/ integrated esp32 like they do with every single other round display, could've had the whole package ready to go.

How to build a circular LCD clock

Related Stories