GOIAN UI · Controls
Dot-matrix control experiments
A working set of GO Analog form controls in the pixel idiom. Everything is live; poke at it. Tell me what to keep, kill, or push further. Switch scene / light-dark up top.
Toggle
Switch — Segment · 3D
Segment · 3D
primary
States
Selection
Checkbox · Radio · Rating
Checkbox
Radio
Rating
Numeric
Slider · Range · Progress · Stepper
Slider — steps of 5
55
Slider — granular (± 1)
58
Range slider
25–75
Stepper
04
Progress
62%
37%
90%
Choice & navigation
Segmented · Toggle group · Pagination
Segmented / Tabs
Toggle group
Pagination
More
Tags · Combobox
Tags — removable
DesignSystemsPixelAnalog
Combobox — filterable
Text fields
Input · Search · Textarea · Select
The original GO Analog fields from the showcase — kept as-is.
Feedback & status
Badge · Status · Alert · Loaders · Stat
Badges
DefaultThemedOutlineActive
Status LED
OnlineAwayBusyOffline
Kbd shortcut
⌘Kto search
Alerts
Instrument calibrated
All readouts within tolerance.
Signal lost
Field station offline — check the connection.
Loaders · progress ring
66
Net volume
$32,234
+12%
Active fields
18
+3
Uptime
99.9%
Navigation & disclosure
Breadcrumb · Tabs · Accordion · Menu
Breadcrumb
Dropdown menu
Tabs
UV 2 · Rise 6:28a · Set 8:50p
Accordion
The shared design language for every GOIAN product.
Advanced input
PIN · Radio cards · Chip input · Swatches · Keypad
PIN / OTP
Color swatches
Radio cards
Chip input
inkpapergrain
Keypad
—
Media & instruments
Avatar · Dial · Meter · Vertical slider
Avatars
ISGO
ISABCD+3
Dial — drag ↕
40
Meter
70
Vertical slider