Qlip — Minimalist Flip Clock & Focus

Built in house by qbittco, Qlip translates the physical charm of classic Solari di Udine split-flap airport boards into a modern, distraction-free digital timepiece. Engineered with pure CSS 3D physics, container-relative typography, procedural Web Audio acoustics, and 100% offline-first local persistence.

Engineering Craft in the Browser

Most digital clocks rely on either pre-rendered sprite animations or static typography. For Qlip, we wanted to recreate the physical heft and satisfying clack of classic Solari split-flap boards using modern web standards:

True 3D Leaf Rotation: Built with CSS 3D perspectives, custom cubic-bezier easing curves, and dynamic shadow gradients that darken as the leaf drops and lighten as it rests flat.
Container-Relative Scaling: Utilising CSS Container Queries (inline-size and cqi units) so numerals and the AM/PM flap badge scale in exact proportion to the card container, whether viewed on an iPhone in portrait mode, a widescreen 4K monitor, or a side-by-side split screen.
Procedural Web Audio: Rather than loading audio sample files that suffer from latency and browser autoplay restrictions, mechanical clicks and completion chimes are synthesized directly in the browser using the Web Audio API with noise buffers, biquad bandpass filters, and triangle oscillators.
Zero-Tracking Privacy: We built Qlip with a strict zero-telemetry policy. Your tasks, timer records, and preferences stay on your device in localStorage, complete with one-click JSON backup and import.

Launch the live application directly at qlip.qbittco.com.

React
TypeScript
Tailwind CSS
Web Audio API
PWA
Local-First

Features

Split-Flap Kinematics

Authentic 3D upper-to-lower leaf rotation with soft shadow physics and container-query (cqi) typography that scales effortlessly across all screens.

Pomodoro Deep Focus

Configurable work, short break, and long break intervals with celebratory confetti upon cycle completion.

Local-First Task Linking

Slide-over drawer with real-time task manager persisted in localStorage. Link any task directly to your Pomodoro session with zero server tracking.

Precision Lap Stopwatch

Millisecond-accurate timer with rapid lap recording, delta indicators for fastest/slowest splits, and one-click CSV export.

Procedural Sound Engine

Mechanical leaf clicks and chime frequencies synthesized on the fly using the browser's Web Audio API — zero external audio assets, zero latency.

Zen Fullscreen Mode

Hide all UI distractions with the F key or maximize button, turning any monitor, tablet, or phone into an ambient desk clock.

Pricing

Qlip is 100% free and open as part of qbittco's public software and craft initiatives.

Free & Open

Free

Fully featured, ad-free, and tracker-free forever.

Split-flap clock (12h/24h formats)
Pomodoro focus timer with cycle milestones
Precision stopwatch with lap recording & CSV export
Local-first task linking & JSON backup/restore
4 visual themes & procedural mechanical audio
PWA installable on iOS, Android & desktop

Open Qlip

Questions

Why did qbittco build Qlip?: We wanted a distraction-free, tactile desk clock for our own studio's deep focus sessions. Building it internally gave us an opportunity to demonstrate tactile web kinematics, procedural Web Audio synthesis, and local-first architecture without third-party tracking or bloat.
Does Qlip store any of my tasks or personal data?: No. Qlip is 100% local-first. All your tasks, settings, and timers remain strictly in your browser's localStorage. There are no tracking scripts, analytics, or user accounts.
Can I use Qlip as a dedicated desk clock on an iPad or tablet?: Yes. Qlip is built as a progressive web app (PWA) with responsive vertical card stacking on mobile/tablet portrait. Press F or the Zen button to enter fullscreen mode.

Tell us what needs building.

Send the goals, constraints, and timeline. You get a reply within one business day with next steps — not a brochure.

Start a project Book a call See the work