Navbar blocks
A navbar is the strip across the top of a product that holds the brand mark, the top level of navigation and whatever controls depend on who is signed in.
Get Pro to installPro9 blocksReact, Vue and Figma
Every block in the set#
When to use#
- A product whose top-level sections fit across one row
- Landing pages where sign-up has to be reachable from any scroll position
- App shells that need the account control in a fixed, predictable corner
- When signed-out and signed-in visitors share a page but need different actions
The whole set, with its codePro
Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.