↑ ↓ Navigate · Enter Open · Esc Close
Kit
Try the live controls, then copy the source into your own interface.
A hard button that sits up until you press it.
A two-position arm. The lamp stays lit until you press it again.
A horizontal groove. Drag the cap, or tap the track.
A needle you pull up and down.
A short list that opens under the button.
A number you can drag vertically, or click and type.
A bar that fills from a value you hand it.
A small label for a state.
The quiet line along the bottom of a bench.
A row that holds tools.
A label on the left, a control on the right.
A section that opens and shuts.
One panel visible at a time.
Two panes and a gutter you can drag.
A labeled text box.
On or off, with a tick you can see.
Pick one from a short list.
Filters a list as you type.
A question that waits for an answer.
A slip of paper that leaves on its own.
A hint on hover or focus.
A callout for one fact.
Rows you can sort by column.
What a bench shows before anything is there.
The demos need JavaScript. The files themselves are still plain: ui.js and site.css.