Always-on-top, transparent clock overlay built with Tauri + vanilla HTML/CSS/JS Very light weight compared to others with great UI customisability.
Note: v1 release is fast. v2 is still fast, but more customizable. I myself still use v1 because who wants to waste resources if you just need basic overlay clock during full screen games, study mode...

This version supports custom clock faces! all you need is to modify the src folder near the exe. and Can use your own ai generated clocks.

• clock folder in this repo contains these custom clocks.. they should replace the src folder contents in the unzipped directory..
  Pro tip: You can run calculator,or any ui that runs in your local host with this.

The previous further lighter version having only default clock is available as well named clockface v1 exe in release.

(For your idea)

• Movies, binge watching infinitely at fullscreen
• Full screen over night study
• Games
• While making projects like this one! And my mind loses time sense.

Unzip the v2 zip downloaded from releases to your favourite location and run the exe for default aesthetic clock. For custom clocks provide the src folder to AI as context and request your own designs..

• Drag anywhere on the window to reposition.
• The default clock comes with the below features(custom clocks must implement their own)
• Press 'b' after clicking the clock to show a black background so you can move it as you wish.
• Open settings: Ctrl+,
• Close settings: Esc

• Dev (hot reload): npm run tauri dev
• Release build: npm run tauri build

Settings persist via localStorage[If you make own face use local storage for persistance of the website settings].