KQ-449 · FLAG/WAVE

Flag Wave

The interface as a flag pinned along its left edge and flying in a wind: waves travel across it growing toward the free edge, the cloth shades with its folds, and the wind gusts on the clock. Hover, and your hand stills it.

KQ-449 · FLAG/WAVE

Waylight · the signal board

Three berths, run up the mast.

The morning line, posted where the whole quay can read it. The board is pinned at the hoist and left to the wind, the same way a signal flag flies over the harbour master's office.

BerthVesselETAState
B1Windlass05:40cleared
B5Halyard06:15holding
B3Foretop07:05inbound
05:40 · fresh breeze

flying

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/flag-wave

Props

PropTypeDefaultDescription
wind / gust / amplitudenumberWind strength, gusting, and the largest wave in px.
shading / calmnumberFold shading and how much a hover calms the cloth.