GUI95 component gallery

Independent vanilla HTML, CSS and JavaScript · version 1.0.0

Try the keyboard, resize the window and inspect the complete control states.

GUI95 — interaction workbench1.0.0

Menus: Alt+F or F10, arrows, Home/End, Enter and Escape. A stationary pointer preserves keyboard ownership. Move across headings or press and drag to a command.

Ready. Choose a command or control.
Control state atlas
Raised at rest
Sunken while pressed
Persistent checker face
Native disabled state
Tab to see dotted focus
  • Selected value
  • Other value
Selection is navy
Sunken white field
Unavailable gray field

Native options

Option set
Fields and bounded numbers
Dimensions
%

Type a draft, then use a step button. Values commit on blur or Enter and remain within their native bounds.

Tree and resizable panes
  • −Project
    • −Assets
      • Drawing.svg
      • Palette.txt
    • Read me
    • Unavailable item

Preview pane

Drag the separator, or focus it and use arrows. Shift uses a one pixel step. Home and End reach the bounds.

No document preview is loaded.

Tree: Up/Down, Left/Right, Home/End, Enter, Space and first-letter search. Child groups belong to their parent branch.

Long labels and short windows

This deliberately long explanatory label must wrap while the next action remains reachable in a narrow or short window.

Extended options

Form content scrolls independently from the actions below. This layout uses zero minimum sizes in nested flex and grid panes.

Additional instructions keep the scroll area taller than the available panel space without pushing its footer out of reach.

Inactive caption and empty state
No documents. Choose File → New document to begin.

This gallery demonstrates browser components. Native caption controls, OS dialogs, startup and display text rendering require checks in the actual desktop host.

Document properties
Output

Closing settles the dialog synchronously. The result promise resolves once and focus returns to the opener.
Confirmation

Escape closes the top dialog. A held Escape does not close the dialog beneath it.
About GUI95

GUI95 build kit 1.0.0

Independent scoped components informed by the preserved reference projects and documented integration lessons.

Browser tests and screenshots do not establish native OS fidelity.