Architecture Studio Homepage Template
Bootstrap 6 architecture studio homepage with a drawer navbar, filterable project grid with detail dialog, philosophy, process stepper, client quotes, awards and an enquiry form.
Tag: navbar
Components tagged with "navbar".
13 component(s)
Hover and Focus Dropdown
Dark navbar with pure CSS dropdown menus that open on hover and keyboard focus, plus a small vanilla JS layer for Escape, arrow keys and touch taps.
Expanding Search Bar
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.
Navbar with Sliding Active Indicator
Dark responsive navbar with a glowing underline that slides between links on hover, focus and click, built with CSS custom properties and vanilla JS.
Mini Cart Dropdown
Bootstrap 5 navbar mini cart dropdown with quantity steppers, remove buttons, free-shipping progress, live subtotal and checkout button.
User Account Dropdown
Bootstrap 5 avatar dropdown with profile header, plan badge, online/away/busy status picker and account menu links for app headers.
Bootstrap Mega Menu Dropdown
Full-width Bootstrap 5 mega menu with icon feature links, link columns and a gradient promo block, keyboard friendly and stacked on mobile.
Products Mega Menu
Tailwind CSS mega menu with two columns of product links, icons and descriptions, a featured promo card and full keyboard support.
Transparent Navbar that Turns Solid on Scroll
Bootstrap 5 navbar that sits transparently over a gradient hero and becomes a solid, blurred bar with a shadow when the page scrolls.
Navbar with Centered Logo
Dark Tailwind CSS navbar with links split around a centered logo, animated underlines and an accessible slide-down mobile menu.
Navbar with Dropdown and Mobile Menu
Tailwind CSS navbar with an accessible dropdown, call-to-action buttons and a collapsible mobile menu.
Bootstrap Navbar with Search and Dropdown
Responsive Bootstrap 5 navbar with brand, dropdown menu, search form and user actions.
Responsive Navbar with Hamburger Menu
Accessible pure CSS navbar that collapses into a hamburger menu on small screens.