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@latest add header-navigations

Header navigation examples

Header Dropdown Simple
Header Dropdown Simple · Marketing section
Header Dropdown Simple Two Columns With Footer
Header Dropdown Simple Two Columns With Footer · Marketing section
Header Dropdown With Two Cols And Links And Footer
Header Dropdown With Two Cols And Links And Footer · Marketing section
Floating Simple With Footer
Floating Simple With Footer · Marketing section
Header 4 Col With Footer
Header 4 Col With Footer · Marketing section
Header 4 Col Slim With Footer
Header 4 Col Slim With Footer · Marketing section
Floating 2 Col With Sidebar
Floating 2 Col With Sidebar · Marketing section
Header Dropdown Simple With Footer
Header Dropdown Simple With Footer · Marketing section
Floating 2 Col With Links And Footer
Floating 2 Col With Links And Footer · Marketing section
Header Dropdown Featured Posts
Header Dropdown Featured Posts · Marketing section
Header 2 Col With Sidebar
Header 2 Col With Sidebar · Marketing section
Header 2 Col With Links
Header 2 Col With Links · Marketing section
Header Blog Posts With Footer
Header Blog Posts With Footer · Marketing section
Floating Blog Posts With Footer
Floating Blog Posts With Footer · Marketing section
Header Dropdown Simple Two Columns
Header Dropdown Simple Two Columns · Marketing section
Header Dropdown Feature Card
Header Dropdown Feature Card · Marketing section
Floating Feature Card
Floating Feature Card · Marketing section
Header 3 Col With Sidebar
Header 3 Col With Sidebar · Marketing section
Floating 4 Col Slim With Footer
Floating 4 Col Slim With Footer · Marketing section
Header Blog Posts With Sidebar
Header Blog Posts With Sidebar · Marketing section