Planes

Components

Media

Watch Face

ProUnlock all 54 Pro — $99 once

An Apple-style analog clock whose tick ring and numerals wrap the card's own rounded corners, with a vermillion sweeping second hand.

All components

Installation

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

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

I have a licenseGet Pro
<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.