Frosted Tab Bar
May 26, 2026105 views
navigation#bottom-nav#dark-mode#glassmorphism#mobile#responsive#tab-bar
Free for a limited time — get the code now, it needs Atheros Pass+ when the timer ends.
1d00h16m57s
Preview
AI Assistant
Code
index.html
Explore Other Components
View all
Liftoff Tab Bar
VanillaReact
A four-slot mobile bottom bar with a raised centre action disc that crests the bar edge, and destination icons that spring as they take selection.
#navigation#tab-bar#bottom-nav+4
1247
Expander Tab Bar
VanillaReact
An icon-only mobile bottom bar where the chosen slot widens into a tinted tab and unfolds its label inline, its neighbours giving way.
#navigation#tab-bar#bottom-nav+4
11103
Hairline Tab Bar
VanillaReact
A squared five-slot mobile bottom bar marked by a short two-tone rule that slides along the bottom edge beneath the active label.
#navigation#tab-bar#bottom-nav+4
12192
Topline Tab Bar
VanillaReact
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.
#navigation#tab-bar#social+2
18625
Collapsed Breadcrumbs
VanillaReact
A breadcrumb trail that reveals collapsed middle levels immediately with stable accent emphasis and no layout-shifting entrance animation.
#navigation#breadcrumbs#collapse+2
491132
Stepper
VanillaReact
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.
#navigation#stepper#wizard+4
13324
Ready to build faster?
Full access to AI Component Builder: 300+ production-ready components, all top-tier AI models with transparent per-use pricing. Every paid plan includes full Atheros Platform access with courses, tutorials, and challenges.
Starting at $15/month + VAT
