Get everything for $99, lifetime

Components

Digital Watch Face

Pro

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/digital-watch-face

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$99 once · 161 Pro components · lifetime updates.

I have a licenseGet Pro
import { DigitalWatchFace } from "@/components/ui/DigitalWatchFace";

<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.