Update v4.2 - New components, 10+ framework guides, and quality improvements. Visit Changelog

Workspace Headers

Tailwind CSS workspace header blocks for dashboards, internal tools, admin panels, and application shells.

One stacked header row spans the content width with search, utility icons, and account controls.

A fixed sidebar anchors the layout while the header row centers a language selector.

The main row centers a language selector between leading utilities and trailing account actions.

A fixed sidebar anchors the layout while the header row centers a project switcher.

The main row centers a project switcher between leading utilities and trailing account actions.

A centered nav group anchors the middle of the row while utilities stay on both edges.

Nav links run through the main row with search and utility actions grouped to the sides.

The main row uses an inverted treatment while a secondary row stays stacked beneath it.

A second utility row sits under the main header instead of compressing everything into one bar.

The header sits above a large hero block and overlaps the opening section.

A dark primary header sits above a separate secondary navigation row.

A primary header sits above a separate secondary navigation row.

© 2026 Preline Labs.

;