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

100

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

10 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

302
hero modern
hero modern

Author:
Omer fils ELENGA

2 months ago

353
navigation
tailwind navigation pills

Author:
Anonymous

2 years ago

9.3k
Daystar Day care Dashboard
Daystar Day care Dashboard

Author:
Paul Livingstone Ssenoga

1 year ago

10.4k
navbar moderne et epure
navbar moderne et epure

Author:
Omer fils ELENGA

1 week ago

12
Navbar

Author:
Morris Muriuki Muthigani

7 months ago

907
pasta
by salvator

Author:
Baraka Salvator

9 months ago

980
Responsive navbar with alpinejs
A mix of Penguin navbar with PineUI Slide-Over

Author:
Muhammad Rizqi Juniyanto

1 year ago

3.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components