Headers, menus, footers and shells.
Navigation
Complete navigation systems with working dropdowns, mega menus, drawers and active states — each one solving a different information-architecture problem.
Showing 10 of 38 navigation — clear filters
Dashboard shell
Top bar plus persistent sidebar, with the same destinations rendered into a drawer below lg.
ShellsintermediateFeatured4 variantsDocumentation shell
Header, search and a collapsible section tree that becomes an in-flow outline on mobile.
ShellsintermediateFeatured3 variantsSaaS navbar
Product dropdown, flat secondary links, and a separated sign-in / sign-up pair.
NavbarsintermediateFeatured4 variantsApplication page header
Breadcrumb, title with record count, an action cluster that collapses to icons, and view tabs.
Headersintermediate3 variantsCollapsible sidebar
An icon rail that expands to labels — and re-labels itself with tooltips when collapsed.
Shellsintermediate4 variantsEcommerce navbar
Announcement bar, category rail, search, account and a bag whose count is in the accessible name.
Navbarsintermediate4 variantsNewsletter footer
A validated subscribe form as the footer’s primary content, with an honest success message.
Footersintermediate3 variantsProduct switcher
A workspace switcher in the leading position, because it changes the meaning of everything after it.
Navbarsintermediate3 variantsSearch-led hero
A large search field with seeded suggestions and live, announced results.
Headersintermediate4 variantsSplit hero with live panel
Copy on the left, a real component composition on the right — not a screenshot.
Headersintermediate3 variants