Hairline Tab Bar

A floating white pill tab bar for a social app: four labelled slots with Tabler icons and a bold cobalt marker bar that rides the top edge above the active tab. Idle tabs rest in slate gray, the active tab and its icon in cobalt blue, with a springy press.

A bare token-driven chevron-path stepper whose four clip-path arrow segments lock into a connected rail — a flowing accent ink bar runs along the bottom of completed and current segments, eyebrow micro-labels (“Step N” / “Done”) sit above each step title, the current segment carries a.

A refined, accessible breadcrumb trail with a leading home icon, chevron separators, an overflow dropdown that collapses deep hierarchies behind an ellipsis, and an `aria-current` active page that drives the page heading.

A bare token-driven horizontal stepper that uses rounded-square Tabler icon tiles, with gradient-painted active and done tiles, animated connectors, done/active/upcoming states, and clickable steps that jump to any stage — themed by the AI Steppers design system.