← All blocks

Navbar with a centered wordmark

navbar · centered-logo · navbar-centered-logo

npx shadcn@latest add @plus-ui/navbar-centered-logo

Default content

{
  "brand": "halftone",
  "homeHref": "/",
  "links": [
    {
      "label": "Work",
      "href": "#"
    },
    {
      "label": "Services",
      "href": "#"
    },
    {
      "label": "Studio",
      "href": "#"
    },
    {
      "label": "Journal",
      "href": "#"
    }
  ],
  "actions": [
    {
      "label": "Start a project",
      "href": "#",
      "variant": "primary"
    }
  ],
  "navLabel": "Main",
  "menuLabel": "Open menu"
}