Collapsed Breadcrumbs

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.

A token-driven vertical stepper with step titles, descriptions, and a vertical connector that fills downward as steps complete, plus Back/Next controls — fully design-system agnostic.

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 token-driven onboarding stepper with a continuous progress rail, animated number-to-check nodes, a live percentage readout, and a rich per-step content stage that advances real Back/Next state — fully design-system agnostic.