navbar

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

Menu Navbar

Author Omer fils ELENGA

Tailwind v3.4 828 1

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

$$@(\/)(\/)¥$ $@(\/)(\/)¥

1 year ago

3.1k
Collapsible Sidebar Menu

Rajesh Maheshwari

1 year ago

3.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.

Rajesh Pandey

1 year ago

1.6k
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.

KULDEEP

1 year ago

2k
vscode a la omerlinks
vscode a la omerlinks

Omer fils ELENGA

10 months ago

648
hero modern
hero modern

Omer fils ELENGA

9 months ago

837
Startup Glassmorphism Navbar with Neon Gradient & Floating Navigation
AI startup navbar built with pure HTML and Tailwind CSS.

JUGENDRA GANGWAR

3 months ago

351
Ecommerce Navbar with products, Expanding Search & Mobile sidebar filter
luxury ecommerce navigation bar crafted with pure HTML and Tailwind CSS.

JUGENDRA GANGWAR

3 months ago

222
Creative Agency Navbar with Fullscreen Mobile Menu & Animated CTA
A bold, editorial-style navigation bar designed for creative agencies, design studios, architecture firms, and portfolio websites. Built with pure HTML and Tailwind CSS, it features a minimalist branding system, fullscreen mobile navigation, animated call-to-action button, responsive layout, and modern typography inspired by premium digital agencies.

JUGENDRA GANGWAR

3 months ago

321
Animated Drawer
Collapsible sidebar navigation that allows users to access additional menu options. It is designed for efficient space utilization and can be easily expanded and collapsed.

Eamon Carter

3 years ago

29k
Brand Navbar
Menu side bar navigation bar

ORGIN_DREAMS

1 year ago

1.3k
htmlbasics

Anonymous

1 year ago

1.6k