Navbar
E-commerce navbar blocks for shadcn/ui. Store headers with category menus, search, cart and account controls, promo bars, and mobile sheet navigation. Built for shadcn/ui.
Store header built with shadcn/ui: a slim primary-coloured promo bar announces free shipping and returns, below it the logo sits left, category links (with Sale in the destructive colour) are centred and ghost icon Buttons for search, account, wishlist and cart sit right. The cart Button carries a count Badge, and under the md breakpoint a hamburger Button opens a Sheet with the full category list. Uses Button, Badge, Sheet and Skeleton for the faint page placeholder.
Two-row store header from shadcn/ui focused on product search: the logo, a wide search Input with a category Select prefix composed inside one bordered row, and account, wishlist and cart icon Buttons with a count Badge. A second border-topped row lists the shop categories, and on small screens a hamburger Button opens a Sheet that repeats the search bar and links. Built from Input, Select, Button, Badge, Sheet and Skeleton.
Store header where the Women and Men links open a wide four-column Popover: three link columns for Clothing, Shoes and Accessories plus a photo tile promoting the new Fjell Overshirt. The remaining categories are plain ghost Buttons, icon Buttons for search, account, wishlist and cart (with a Badge) sit right, and a Sheet handles mobile navigation. Composed from shadcn/ui Popover, Button, Badge, Sheet and Skeleton.
Classic department-store header built with shadcn/ui: a three-column top row with small Help, Stores and Track order links, a centred wordmark and icon Buttons for search, account, wishlist and cart with a count Badge. A second centred row lists the categories and marks the active one with a pseudo-element underline bar. Below md the hamburger Button opens a Sheet; uses Button, Badge, Sheet and Skeleton.
Airy boutique header with generous vertical padding, a large tracking-tight wordmark and four uppercase, wide-tracked category links with Sale in the destructive colour. The right side stays quiet with a Search icon Button and a ghost "Cart (3)" text Button; a very light bottom border separates it from the page. Mobile navigation opens in a right-side Sheet. Built from shadcn/ui Button, Sheet and Skeleton.