Deep-Sky Observatory (Classic Pagination)
AI Pass+May 26, 2026205 views
navigation#astronomy#cards#catalog#dark-mode#pagination#responsive
Preview
AI Assistant
Code editor locked. Unlock with Atheros AI Pass to open every file, copy, download, and customize it with AI.
Explore Other Components
View all
Field Notes (Pill Pagination)
VanillaReact
A pure CSS pills pagination with rounded items, ellipsis windowing for 9 pages, and keyboard navigation — fully token-driven and design-system agnostic.
#cards#dark-mode#navigation+2
742328
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
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
Mega Menu Header
VanillaReact
A design-system-adaptive developer-platform header: a wordmark, primary navigation, two numbered-index mega-menus, rule-closed promos, a cross-blur reveal, sliding underline, and a focus-trapped mobile drawer.
#navigation#header#mega-menu+3
31425
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
Breadcrumbs
VanillaReact
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.
#navigation#breadcrumbs#trail+4
10109
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
