Media

Digital Watch Face

The iOS world-clock widget as a live component — a tick ring fills with the passing seconds around rolling digits, a city label, and the offset from your local time.

All components

CUP

Installation

ProRequires a Planes Pro license.

npx shadcn add @useplanes/digital-watch-face

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

I have a license Get Pro

<div className="h-44 w-44">
  <DigitalWatchFace timeZone="America/Los_Angeles" label="CUP" />
</div>

Use cases

World clock row
Render several instances side by side, one per office or teammate time zone — each shows its offset from the viewer.
Bento grid tile
Drop into a portfolio or dashboard grid cell — the tick ring measures the cell and wraps its own rounded corners.
Remote team dashboard
The relative offset label answers "how far ahead are they?" at a glance.
Pair with Watch Face
Use alongside the analog WatchFace for a mixed analog/digital clock cluster.