navbar

This tailwind example is contributed by Omer fils ELENGA, on 04-Jan-2026. Component is made with Tailwind CSS v3. It is responsive.

Menu Navbar

Author Omer fils ELENGA

Fork Fullscreen

<nav class="relative z-50 w-full max-w-7xl mx-auto mt-6 px-4">
            <div class="bg-white rounded-full px-6 py-3 flex justify-between items-center shadow-lg">
                <div onclick="alert("https://omerlinks.netlify.app/")"  class="text-xl font-bold text-green-600  tracking-wide">OmerLinks Nav</div>
                
                <div class="hidden md:flex gap-8 text-sm font-medium text-gray-600"> 
                    <a href="#" class="hover:text-black">Home  </a>
                    <a href="#" class="hover:text-black">About Us</a>
                    <a href="#" class="hover:text-black">Services</a>
                    <a href="#" class="hover:text-black">Blog</a>
                    <a href="#" class="hover:text-black">Pricing</a>
                    <a href="#" class="hover:text-black">Pages </a>
                </div>

<style>

body{
        background: green;
        
    }
</style>

Related Examples

Nav Bar
Animated Mobile Dropdown menu

$$@(\/)(\/)¥$ Author:
$@(\/)(\/)¥

1 year ago

2.2k
Collapsible Sidebar Menu

Author:
Rajesh Maheshwari

1 year ago

2.5k
Responsive eCommerce Sidebar Layout with Hamburger Menu | Tailwind CSS UI for Online Stores
Build a clean and responsive eCommerce sidebar layout with a smooth hamburger menu using Tailwind CSS and Alpine.js. Ideal for devotional, spiritual, or modern online stores. Includes dark mode support, navigation links, cart, login, and a dynamic layout for beautiful product pages.

Author:
Rajesh Pandey

9 months ago

1.1k
Tailwind CSS Navbar
Logo on the left. Main menu with a mega menu under "Services". Responsive design with a hamburger menu for mobile devices. Mega menu appears on hover for desktop and toggles on click for mobile.

Author:
KULDEEP

8 months ago

1.2k
vscode a la omerlinks
vscode a la omerlinks

Author:
Omer fils ELENGA

3 months ago

198
hero modern
hero modern

Author:
Omer fils ELENGA

2 months ago

220
Tailwind Sidebar Layout
Place edited for the search button

Author:
Nur Pratap Karki

1 year ago

5.4k
joker
joker cyber punk

Author:
Baraka Salvator

8 months ago

1.2k
hotel management
This is what you use when you hear that you want to take care of your things while you are staying at a certain hotel.

Author:
Nishimwe Jeanine

9 months ago

796
strawbery
by salvator

Author:
Baraka Salvator

9 months ago

967
Navbar with social links
A header component with a logo, navigation links, and social media links.

Author:
Vikram Choudhary

2 years ago

7.4k
Dark mode sidenav with collapsible menu

Author:
Rajesh Maheshwari

1 year ago

1.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components