FG UI 1.2 ALT laboratory

Alternatives 1.2

Original 1.1 component roots beside the explicit independent 1.2 ALT collection.

FG UI 1.2 Stable
IMPLEMENTED IN FG UI 1.2 Stable

This page uses only the exact FG UI 1.2 Stable CSS and JavaScript.

Original and ALT side by side

ALT families stay visibly FG UI: the same tokens, radii, control rhythm and focus treatment, with a genuinely different presentation. Originals remain unchanged.

Original

.fgui-btn

ALT

.fgui-btn-alt

Original

.fgui-input

ALT

.fgui-input-alt

Original

.fgui-textarea

ALT

.fgui-textarea-alt

Original

.fgui-custom-select

ALT

.fgui-custom-select-alt

Original

.fgui-status

Healthy
ALT

.fgui-status-alt

Healthy

ALT interaction surfaces

Alternative alert

Information treatment using the same FG UI semantic colour and surface system.

Alternative empty state

A quieter independent treatment that still uses the established FGUI card language.