Focus timer · the bar that grows

A dark timer pill above a task list shows only a ring and the time. Leave the page and it stretches sideways to add the task name and a pause button; tap it and it grows into a full card with a big countdown, a progress bar, Pause and End — and a couple of seconds untouched folds it back to the pill. Tapping another task starts a timer for that one.

What it is

A focus timer that lives as a small bar above your tasks and grows when you need it: wider when you step away, a full card with pause and end when you tap it, back to a sliver when you leave it alone.

Full library — live sample, numbers, prompt and source — is for clients. I have the password

Seen in

@叨叨AI (Douyin) · 第 12 集「8 个让 App 和小程序变高级的组件交互」 · 01 计时小条 Focus Timer