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 820

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

1.9k
vscode a la omerlinks
vscode a la omerlinks

Omer fils ELENGA

9 months ago

601
hero modern
hero modern

Omer fils ELENGA

8 months ago

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

JUGENDRA GANGWAR

2 months ago

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

JUGENDRA GANGWAR

2 months ago

186
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

2 months ago

250
navbar moderne et epure
navbar moderne et epure

Omer fils ELENGA

6 months ago

683
Simple Navbar
Simple Tailwind Navbar

JUGENDRA GANGWAR

2 months ago

227
Navbar

Crimson

1 year ago

3.6k