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.1k
Collapsible Sidebar Menu

Author:
Rajesh Maheshwari

11 months ago

2.4k
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

8 months ago

971
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

7 months ago

1.1k
vscode a la omerlinks
vscode a la omerlinks

Author:
Omer fils ELENGA

1 month ago

131
hero modern
hero modern

Author:
Omer fils ELENGA

3 weeks ago

64
Transparent Navbar

Author:
Rajesh Maheshwari

11 months ago

2k
Responsive Navbar
Tailwind Navbar

Author:
Md. Tofayel islam

1 year ago

7.9k
beautifull web page
I create a web page using cloude ai its amazing.

Author:
Akram Khan

1 year ago

3k
modern portifolio
by salvator

Author:
Baraka Salvator

8 months ago

783
flower
by salvator

Author:
Baraka Salvator

8 months ago

1.1k
Modern page
hero page by salvator

Author:
Baraka Salvator

8 months ago

1.2k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components