Docs
  • Documentation
  • Shared components
  • Marketing
  • Application UI
  • Header navigations
  • Header sections
  • Features sections
  • Pricing sections
  • CTA sections
  • Metrics sections
  • Newsletter CTA sections
  • Testimonial sections
  • Social proof sections
  • Blog post sections
  • Content & rich text sections
  • Contact sections
  • Team sections
  • Careers sections
  • FAQ sections
  • Footers
  • Banners
  • Landing pages
  • Pricing pages
  • Blog pages
  • Blog post pages
  • About pages
  • Contact pages
  • Team pages
  • Legal pages
  • FAQ pages
  • Log in pages
  • Sign up pages
  • Verification pages
  • Forgot password pages
  • 404 pages
  • Email templates
  1. Marketing
  2. Components
Sign inGet PRO

Header navigations

The header navigation is the upper (top) part of a web page that helps the user navigate a site. Headers should be as helpful as possible, with clear and accessible links to everywhere the user may need to go.

Header dropdown simple

Preview
Code

Header dropdown simple with footer

Get the code

Header dropdown simple two columns

Get the code

Header dropdown simple two columns with footer

Get the code

Floating 2 col with links and footer

Get the code

Header dropdown feature card

Get the code

Header dropdown with two cols and links and footer

Get the code

Header dropdown featured posts

Get the code

Floating feature card

Get the code

Floating simple with footer

Get the code

Header 2 col with sidebar

Get the code

Header 3 col with sidebar

Get the code

Header 4 col with footer

Get the code

Header 2 col with links

Get the code

Floating 4 col slim with footer

Get the code

Header 4 col slim with footer

Get the code

Header blog posts with footer

Get the code

Header blog posts with sidebar

Get the code

Floating 2 col with sidebar

Get the code

Floating blog posts with footer

Get the code