Tag: navbar

Components tagged with "navbar".

11 component(s)

Search icon button that expands into a pill-shaped input, shown in a dark navbar and a large hero search, with Escape to close and a demo submit.

Pure CSS Search Bars

Dark responsive navbar with a glowing underline that slides between links on hover, focus and click, built with CSS custom properties and vanilla JS.

Pure CSS Navbars

Bootstrap 5 navbar mini cart dropdown with quantity steppers, remove buttons, free-shipping progress, live subtotal and checkout button.

Bootstrap 5 Shopping Carts

Bootstrap 5 avatar dropdown with profile header, plan badge, online/away/busy status picker and account menu links for app headers.

Bootstrap 5 Dropdowns

Full-width Bootstrap 5 mega menu with icon feature links, link columns and a gradient promo block, keyboard friendly and stacked on mobile.

Bootstrap 5 Mega Menus

Tailwind CSS mega menu with two columns of product links, icons and descriptions, a featured promo card and full keyboard support.

Tailwind CSS Mega Menus

Bootstrap 5 navbar that sits transparently over a gradient hero and becomes a solid, blurred bar with a shadow when the page scrolls.

Bootstrap 5 Navbars

Dark Tailwind CSS navbar with links split around a centered logo, animated underlines and an accessible slide-down mobile menu.

Tailwind CSS Navbars

Tailwind CSS navbar with an accessible dropdown, call-to-action buttons and a collapsible mobile menu.

Tailwind CSS Navbars

Responsive Bootstrap 5 navbar with brand, dropdown menu, search form and user actions.

Bootstrap 5 Navbars

Accessible pure CSS navbar that collapses into a hamburger menu on small screens.

Pure CSS Navbars