Tabs
Grouped tabs
Best for
Page-level view switching — 2 to 5 peer views of one object, switched in place
Anatomy
Five fixed scales, Lg to Xxs · pill and raised as switches on the same geometry · one scale per surface · the track wraps rather than scrolls
Tabs in place
Best for
The test the page leads with — a control that re-renders one region and leaves the page alone
Anatomy
Heading and meta that never move · Sm tabs under them · one panel swapped beneath · no URL, title or primary action changes
Odyssey UI
Updated 2 hours agoSegmented control
Best for
Two or three short options that shape one field or a dense toolbar
Anatomy
Field header with required star and hint · 40px track, active cell on white · icon, label or both · footer hint
Two or three short options that shape one field or a dense toolbar. Past three, or once a label is long enough to truncate, the answer is a dropdown.
Be first in,
and 10% off.
Join the list and we’ll email you the moment the code library and MCP server go live — with a 10% discount code to use whenever you decide to buy.
One email when it ships. No spam, and you can unsubscribe anytime.Tabs
Grouped tabs
Best for
Page-level view switching — 2 to 5 peer views of one object, switched in place
Anatomy
Five fixed scales, Lg to Xxs · pill and raised as switches on the same geometry · one scale per surface · the track wraps rather than scrolls
Tabs in place
Best for
The test the page leads with — a control that re-renders one region and leaves the page alone
Anatomy
Heading and meta that never move · Sm tabs under them · one panel swapped beneath · no URL, title or primary action changes
Odyssey UI
Updated 2 hours agoSegmented control
Best for
Two or three short options that shape one field or a dense toolbar
Anatomy
Field header with required star and hint · 40px track, active cell on white · icon, label or both · footer hint
Two or three short options that shape one field or a dense toolbar. Past three, or once a label is long enough to truncate, the answer is a dropdown.
Be first in, and 10% off.
Join the list and we’ll email you the moment the code library and MCP server go live — with a 10% discount code to use whenever you decide to buy.
One email when it ships. No spam, and you can unsubscribe anytime.