forms
Inline edit with zero layout shift
Editable data rows that morph into a text input in place with no layout jump: an offscreen mirror span measures the exact text width on every keystroke and the input adopts that width. Enter confirms with a brief save flash, Escape cancels and restores the previous value.
See it live and copy its promptWhat you can adjust
- Accent color
- Input radius
- Flash duration
- Row spacing
- Font size
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
