Stepper

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 pure CSS pills pagination with rounded items, ellipsis windowing for 9 pages, and keyboard navigation — fully token-driven and 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.

An icon-only mobile bottom bar where the chosen slot widens into a tinted tab and unfolds its label inline, its neighbours giving way.