KQ-227 · TRIM/PANEL

Trim Panel

The inspector with an agent's hands on it: width, height, radius, and opacity read out as rolling numerals while the stage element re-trims live on the glide spring — every adjustment narrated, because a tool that changes your design silently is indistinguishable from a bug. The fields are the record, the stage is the proof, and the two cannot disagree: both read from the same values.

KQ-227 · TRIM/PANEL

Layout

Waiting for the agent

W
220220
H
132132
Radius
66
Opacity
100100%

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/trim-panel

Props

PropTypeDefaultDescription
initial / stepsTrimValues · TrimStep[]The starting reading and the narrated adjustments, one per interval.
intervalnumber2.2Seconds between adjustments; the walk is mount-driven, never the wall clock.