Timer screen examples

Vimeo

Recording interface where the user captures audio or video, featuring a live waveform, a duration timer, and floating controls for microphone and camera.

• Media Editor
• Video Player

Kajabi

Detail page for a live community meetup where a centered modal prompts the user to enable a meeting timer over the video stage.

• Media Detail
• Video Player

Instant

Design editor where the user is previewing a landing page at a tablet breakpoint, with controls to switch viewports and upgrade their plan.

• Browse
• Media Detail

Ballpark

Form builder where the user configures a five-second test step by setting a timer and uploading an image.

• Loading
• Form

ClickUp

Timesheet page where the user views their weekly tracked time, currently showing an empty state with prompts to add a task or start a timer.

• Table
• Timeline

Height

Detail page where the user views a specific task's overview, owners, and attributes like status, due date, and tracked time.

• Tasks
• Edit

Asana

Task detail modal where the user views and edits properties like assignee, due date, and custom fields, and can add comments.

• Tasks
• Edit

Tella

Video recording screen where the user is actively capturing a clip, featuring a live timer, central recording controls, and a horizontal timeline for managing multiple clips.

• Video Player
• Media Editor

Marathon

Dashboard for tracking time, featuring an active timer input, quick-add project cards, a weekly activity bar chart, and a list of today's logged entries.

• Dashboard
• Charts

Whimsical

Whiteboard design editor where the user is blocked from using the timer tool by a pro plan upgrade prompt.

• Design Editor
• Upgrade Prompt

Bonsai

List view showing upcoming scheduled events with a time tracking popover open to log billable hours against a specific project and task.

• Schedule
• Table

Amie

Calendar view where the user manages their monthly schedule, tracks time with an inline pomodoro timer, and shares their availability.

• Calendar