The Focus Clock: Minimalist deep work timer (FR)
Prisca Aure
The Focus Clock | Minimal timer for deep work sessions
A minimalist timer app for devs & creators who want to focus better, not harder. Smooth animations, calm UX and slow productivity features.
About The Focus Clock
The Focus Clock is a web app designed for developers, creatives and freelancers who want to work less, but better.
Inspired by the principles of slow productivity, it offers a minimalist, immersive experience to support deep work, without guilt, noise, or distractions.
This is not your average Pomodoro timer. It’s a digital space to breathe, focus, and move at your own pace.
🗣️ Note: the app is currently available in French only.
Key Features
Immersive timer with organic animations (React & Framer Motion)
Custom breathing pace to regulate workflow rhythm
Gentle encouragement messages during long sessions
Animated settings panel with toggles, sliders, and theme control
Premium mode (one-time payment via Stripe) to unlock advanced options
Tech Stack
Frontend: Next.js App Router, TypeScript, Tailwind, shadcn/ui
Backend: Supabase (auth + DB), Stripe webhooks
Animations: Framer Motion + custom canvas rings
Deployment: Vercel
Like this project
Posted May 7, 2025
Built a mindful timer app for deep focus with Next.js, Supabase & Stripe. Animations, breath control, premium features.
Likes
0
Views
0
Timeline
May 1, 2025 - May 7, 2025
Front-End Development for the City of Paris
Télérama: Digital Design & Development
Pécresse 2022
Moody | Express emotions visually (React Native App)