Command Palette

Search for a command to run...

Clayday

live

A soft, claymorphic personal dashboard for planning the day: schedule, tasks, habits, energy check-ins and a focus timer, with synthesized clay-pop sounds and dark mode.

Clayday home screen
Technologies & Frameworks
JavaScriptHTMLCSSCloudflare PagesCloudflare D1Web Audio API

Clayday is a one-screen day planner with live tiles for everything that matters in a day. It has a schedule timeline with deep-work blocks and a live now line, top-three priorities with a progress bar and due dates, daily habits with a seven-day streak row, one-to-ten energy check-ins with a journal line and weekly chart, and a focus page with a Pomodoro timer, water tracker and mood picker.

The interface is claymorphic, with smooth animations, clay-pop sounds synthesized in the browser (mutable), dark mode, JSON export and import, and a phone layout with a bottom tab bar. It is plain HTML, CSS and JavaScript with no framework or build step.

Data lives in Cloudflare D1 behind Pages Functions. There is no public sign-up: one admin is created from the command line and adds everyone else from the account page. Passwords are hashed with PBKDF2, sessions use an HttpOnly cookie, and repeated bad logins are rate limited.

Schedule timeline
Schedule timeline
Tasks and priorities
Tasks and priorities
Dark mode
Dark mode
Phone layout
Phone layout