# Header components

> Explore 25 React header components styled with Tailwind CSS, perfect for building navigation and branding sections in your Next.js projects.

27 components available. Showing all of them below.

- [Header 2](https://21st.dev/@sshahaider/components/header-2.md) — by Efferd
- [Header 3](https://21st.dev/@sshahaider/components/header-3.md) — by Efferd
- [Header 1](https://21st.dev/@sshahaider/components/header-1.md) — by Efferd
- [Simple Header](https://21st.dev/@sshahaider/components/simple-header.md) — by Efferd
- [Header 03](https://21st.dev/@designali-in/components/header-03.md) — by Ali Imam
- [Header with Search](https://21st.dev/@sshahaider/components/header-with-search.md) — by Efferd
- [Header 04](https://21st.dev/@designali-in/components/header-04.md) — by Ali Imam
- [Header 05](https://21st.dev/@designali-in/components/header-05.md) — by Ali Imam
- [Header 02](https://21st.dev/@designali-in/components/header-02.md) — by Ali Imam
- [Page Header with Breadcrumbs](https://21st.dev/@7ovr/components/page-header-2.md) — by 7Ovr
- [Header](https://21st.dev/@tommyjepsen/components/header.md) — by Tommy Jepsen
- [Navigation Bar](https://21st.dev/@originui/components/navigation-menu-4.md) — by Origin UI
- [Navbar](https://21st.dev/@designali-in/components/navbar.md) — by Ali Imam
- [Navigation Bar](https://21st.dev/@originui/components/navigation-menu-4/navbar1.md) — by Origin UI
- [Navigation Bar](https://21st.dev/@originui/components/navigation-bar.md) — by Origin UI
- [MINIMAL](https://21st.dev/@dhileepkumargm/components/minimal.md) — by Dhileep Kumar GM
- [Promote Header](https://21st.dev/@ruixen.ui/components/promote-header.md) — by Ruixen UI
- [Frame](https://21st.dev/@coss.com/components/frame.md) — by coss
- [Frame](https://21st.dev/@coss.com/components/frame/separated-panels.md) — by coss
- [Telegram Profile Header](https://21st.dev/@serafimcloud/components/telegram-profile-header.md) — by Serafim
- [Editorial Hero](https://21st.dev/@felipemenezes098/components/hero-05.md) — by felipemenezes098
- [Split Hero With Image Cards](https://21st.dev/@felipemenezes098/components/hero-08.md) — by felipemenezes098
- [Centered Nav Header](https://21st.dev/@7ovr/components/centered-nav-header.md) — by 7Ovr
- [Card](https://21st.dev/@extend-hq/components/card.md) — by extend-hq
- [Header Navbar](https://21st.dev/@karthikmudunuri/components/header-02.md) — by Mudunuri bhaskara karthikeya varma
- [Tab Navbar](https://21st.dev/@arihantcodes_1f7b8c4d/components/tab-navbar.md) — by Arihant jain
- [Page Header Breadcrumb](https://21st.dev/@uiable/components/uiable-breadcrumb-page-header.md) — by uiable

Full component directory: https://21st.dev/llms.txt