Home
Aman kumar
Navbar

Navbar

E-commerce Navbar

This tailwind example is contributed by Aman kumar, on 09-May-2024. Component is made with Tailwind CSS v3. It is responsive.

Header Navigations Navbar

Author Aman kumar

2.5k

Fork Fullscreen

</div>
        <div class="flex justify-items-center items-center gap-2 ">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
            class="w-5 h-5 text-yellow-300 hidden lg:block md:block">
            <path fill-rule="evenodd"
              d="M14.615 1.595a.75.75 0 0 1 .359.852L12.982 9.75h7.268a.75.75 0 0 1 .548 1.262l-10.5 11.25a.75.75 0 0 1-1.272-.71l1.992-7.302H3.75a.75.75 0 0 1-.548-1.262l10.5-11.25a.75.75 0 0 1 .913-.143Z"
              clip-rule="evenodd" />
          </svg>

<p class="text-sm text-white hidden lg:block md:block">Order now and get it within
            <span class="text-yellow-300">15 mint!</span></p>
          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
            stroke="currentColor" class="w-8 h-8 text-white rounded-full ring-2 ring-white p-1 relative">
            <path stroke-linecap="round" stroke-linejoin="round"
              d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" />
            
          </svg>

</div>

Related Examples

Tailwind Sidebar Layout
Place edited for the search button

Author:
Nur Pratap Karki

6 months ago

2.6k
Responsive navbar with dark mode support
Sidebar on small screen devices

Author:
TailwindFlex

2 years ago

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

Author:
Muhammad Rizqi Juniyanto

3 months ago

919
canvas fully covers
canvas fully covers

Author:
ABDESLAMI ACHRAF

1 month ago

923
Navigation bar
Navbar

Author:
Aman kumar

7 months ago

2.5k
Hover Animated Navbar
Remove the bg-black in the outer div when using it. Hovering the button and each item in the navbar has a fun animation.

Author:
Coastal UI

1 month ago

743
Responsive Bottom Nav
Fully Responsive bottom navigation bar with both light and dark modes

Author:
AKASH GANDHAR

6 months ago

1.6k
Navigation Bar Responsive

Author:
SAI BENDE

1 year ago

7.8k
Hero

Author:
Aman kumar

11 months ago

4.9k
Responsive navbar with dark mode support
Sidebar on small screen devices

Author:
Pardha Saradhy Madabhushi

5 months ago

1k
Sidebar
This is the sidebar that I use in my projects, I use grid to be able to manage the space issue a little better, it seems like a clean and modern design, it is more than anything for the dashboards that you want to create

Author:
Ameth Galarcio

2 months ago

1.1k
Tailwind Header
responsive mobile menu with a smooth transition

Author:
Anonymous

1 month ago

654

Explore components by Tags

Didn't find component you were looking for?

Search from 1900+ components