Tweakit design system
Compact property rows for a narrow inspector. Drag the slider and scrub grips, edit values, or use the keyboard.
Continuous slider
Smooth fill · 0–66 px
Stepped slider
Stops appear while dragging · 5 px steps
Inline switch
Direct Off and On selection
OffOn
Inline select
Three options use segments; longer lists open a select popover
covercontainauto
Inline text input
Right-aligned text · Long values scroll while editing
Inline textarea
Multiline text · Resize vertically from the bottom corner
Scrubbable number
Drag the center grip; the dotted guide follows your cursor
deg
Grouped numbers
Link preserves axis offsets while scrubbing
px
Color picker
Click the color input to open its editor; click outside or press Escape to close