Navbar 9 block design & features
Navbar9 is a compact dark header built with shadcn/ui, forced into dark theme styling with an inverted logo mark and foreground text. Products, Company, and Resources each open compact dropdown lists where every row shows a color-stroked Lucide icon, label, one-line description, and trailing chevron. Pricing and Contact are direct links. A GitHub button fetches and displays live star counts from the public API, beside a primary Sign up button. Mobile uses a top sheet with accordion groups repeating the same sublinks and a full-width signup action at the bottom.
Dropdown surfaces are rounded cards on a dark background with muted secondary text. Icons use explicit stroke colors for quick scanning. The GitHub control uses a muted pill background to separate it from the primary CTA.
Developer-tool or open-source product vibe because of GitHub social proof in the header. Moderate complexity: colored icon metadata per link plus async fetch for stars. Unusual among navbars for live third-party data in the bar itself.
Body scroll locks while mobile navigation is open. Desktop navigation hides below the large breakpoint where the menu icon toggles between burger and close states.