KQ-125 · DAYLIGHT/DIAL
Daylight Dial
A time-of-day dial over a skyline — one hour value drives the sky's keyframed color ramp, the sun and moon in anti-phase on their arc, sweeping building shadows with honest projection, and stars that keep their hours.
KQ-125 · DAYLIGHT/DIAL
Observatory ClockKQ-125
Set · 10:00
KQ-125 · Daylight Dial · Sweep 24 h · Arc 180° · ζ 0.98
Drag the sky - shadows sweep and the stars keep their hours.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/daylight-dial
Props
- hour / defaultHour / onHourChange
- number / number / (hour) => void
- default —
- Controlled or uncontrolled 0-24 clock; settles announce integers.
- height
- number
- default 250
- Scene height in px.
| Prop | Type | Default | Description |
|---|---|---|---|
| hour / defaultHour / onHourChange | number / number / (hour) => void | — | Controlled or uncontrolled 0-24 clock; settles announce integers. |
| height | number | 250 | Scene height in px. |