Proper UI

Header navigations

Powerful and customizable React header navigation components built for modern and responsive websites. These header navigations are built using React Aria and styled with Tailwind CSS.

Installation

npx @properui/cli@latest add header-navigations

Header navigation examples

Header Dropdown SimpleHeader Dropdown Simple
Header Dropdown Simple · Marketing section
Header Dropdown Simple Two Columns With FooterHeader Dropdown Simple Two Columns With Footer
Header Dropdown Simple Two Columns With Footer · Marketing section
Header Dropdown With Two Cols And Links And FooterHeader Dropdown With Two Cols And Links And Footer
Header Dropdown With Two Cols And Links And Footer · Marketing section
Floating Simple With FooterFloating Simple With Footer
Floating Simple With Footer · Marketing section
Header 4 Col With FooterHeader 4 Col With Footer
Header 4 Col With Footer · Marketing section
Header 4 Col Slim With FooterHeader 4 Col Slim With Footer
Header 4 Col Slim With Footer · Marketing section
Floating 2 Col With SidebarFloating 2 Col With Sidebar
Floating 2 Col With Sidebar · Marketing section
Header Dropdown Simple With FooterHeader Dropdown Simple With Footer
Header Dropdown Simple With Footer · Marketing section
Floating 2 Col With Links And FooterFloating 2 Col With Links And Footer
Floating 2 Col With Links And Footer · Marketing section
Header Dropdown Featured PostsHeader Dropdown Featured Posts
Header Dropdown Featured Posts · Marketing section
Header 2 Col With SidebarHeader 2 Col With Sidebar
Header 2 Col With Sidebar · Marketing section
Header 2 Col With LinksHeader 2 Col With Links
Header 2 Col With Links · Marketing section
Header Blog Posts With FooterHeader Blog Posts With Footer
Header Blog Posts With Footer · Marketing section
Floating Blog Posts With FooterFloating Blog Posts With Footer
Floating Blog Posts With Footer · Marketing section
Header Dropdown Simple Two ColumnsHeader Dropdown Simple Two Columns
Header Dropdown Simple Two Columns · Marketing section
Header Dropdown Feature CardHeader Dropdown Feature Card
Header Dropdown Feature Card · Marketing section
Floating Feature CardFloating Feature Card
Floating Feature Card · Marketing section
Header 3 Col With SidebarHeader 3 Col With Sidebar
Header 3 Col With Sidebar · Marketing section
Floating 4 Col Slim With FooterFloating 4 Col Slim With Footer
Floating 4 Col Slim With Footer · Marketing section
Header Blog Posts With SidebarHeader Blog Posts With Sidebar
Header Blog Posts With Sidebar · Marketing section