Navbars (Headers)

Navbars (Headers) provide essential navigation links and branding, enhancing user experience and accessibility across the site.

Mini Floating Header

Center aligned in Lime

Dark Floating Header

Base

Left Aligned

Header Offcanvas

Double Header

With Topbar

Classic

Floating Header

Primary Background

Download Preline UI

Our code is available for you to download, inspect, and modify:

Get started
Package Manager: npm
Installation Guide

Subscribe

Get all the latest Preline updates and news.