Tabs · Neo-brutal
An accessible tab strip with a travelling indicator, fixed, scrollable or pill layouts, badges and optional panels, with full arrow-key navigation.
Design · Neo-brutal5 / 20
Boxed tabs divided by 3px black rules; the selected tab is a solid accent block, uppercase bold labels.
Motion
The indicator travels from the old tab to the new one, resizing to fit the label.
Accent
An accessible tab strip with a travelling indicator, fixed, scrollable or pill layouts, badges and optional panels, with full arrow-key navigation.
tabstablistnavigationsegmentedpanelssettings