Get everything for $99, lifetime

Components

Watch Face

Pro

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/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 { WatchFace } from "@/components/ui/WatchFace";

<div className="h-64 w-64">
  <WatchFace timeZone="Asia/Kolkata" />
</div>

Use cases

  • Bento grid tile

    Drop into a portfolio or dashboard grid cell — the tick ring measures the cell and wraps its own rounded corners.

  • World clock row

    Render several instances side by side, each with a different timeZone.

  • Personal site footer

    A small live clock showing where you're based.

  • Idle / loading state

    A ticking second hand doubles as a subtle sign of life while content loads.