ClockDock is a minimal, full-screen ambient clock designed to be left open.
It focuses on calm visuals, subtle motion, and intentional interaction rather than features or controls. The clock reacts to the cursor with a gravity-like distortion, while the background slowly breathes to create a quiet sense of presence.
Built as a static site with plain HTML, CSS, and JavaScript.
- Full-screen ambient digital clock
- Pixel-block digits with smooth minute transitions
- Interactive cursor with gravity and bending effects (desktop only)
- Calm, breathing background glow
- Curated rotating facts displayed subtly below the clock
- Wake Lock support to keep the screen awake
- Touch-friendly behavior (cursor hidden on touch devices)
- No frameworks, no build step
ClockDock is meant to feel like an object, not an app.
- No settings panels
- No constant motion
- No distractions
The clock updates only when it needs to.
Animations are slow and restrained.
Interaction rewards curiosity but never demands attention.
It’s designed to sit in the background and simply exist.
- HTML
- CSS
- Vanilla JavaScript
The project is fully static and can be hosted on GitHub Pages.
- Open the site
- Click or tap once to enter fullscreen
- Leave it open
On desktop, move the cursor near the digits to interact with the clock.
On touch devices, drag your finger across the screen to interact naturally.
ClockDock is designed to work out of the box with GitHub Pages.
No build tools or configuration required.
Clock icon by Icons8
Icons provided by Icons8
MIT License