# Beste UI

> Beautiful, accessible blocks, pieces and components for shadcn/ui and Tailwind CSS, built for React and Next.js. Install one with the shadcn CLI and the code is yours to edit: no runtime dependency, nothing to upgrade.

Markdown rendition of https://ui.beste.co/blocks/navigation. Every page on the site has one: add `.md` to any address, or send `Accept: text/markdown`.

Whole catalog for LLMs: https://ui.beste.co/llms.txt. Registry index: https://ui.beste.co/r/registry.json

---
# [Blocks](/blocks)/Navigation(54)

Navbar components and menus.

Navigation(54)All collections(54)Newest first

1–24 of 54

| Block                       | Title                               | Category   | Access | Install                                       |
| --------------------------- | ----------------------------------- | ---------- | ------ | --------------------------------------------- |
| [navbar82](/block/navbar82) | Full Screen Menu Navbar             | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar82 |
| [navbar81](/block/navbar81) | Columns Mega Navbar                 | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar81 |
| [navbar80](/block/navbar80) | Photo Mega Navbar                   | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar80 |
| [navbar79](/block/navbar79) | Announcement Navbar                 | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar79 |
| [navbar78](/block/navbar78) | Classic Navbar                      | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar78 |
| [navbar77](/block/navbar77) | Centred Wordmark Navbar             | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar77 |
| [navbar76](/block/navbar76) | Veil Navbar                         | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar76 |
| [navbar75](/block/navbar75) | Masthead Navigation With Mega Panel | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar75 |
| [navbar74](/block/navbar74) | Floating Capsule Navbar             | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar74 |
| [navbar73](/block/navbar73) | Announcement Bar Navbar             | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar73 |
| [navbar72](/block/navbar72) | Centered Link Navbar                | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar72 |
| [navbar71](/block/navbar71) | Pill Menu Navbar                    | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar71 |
| [navbar70](/block/navbar70) | Dark Three-Column Mega Navbar       | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar70 |
| [navbar69](/block/navbar69) | Promo Mega Navbar                   | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar69 |
| [navbar68](/block/navbar68) | Command Search Navbar               | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar68 |
| [navbar67](/block/navbar67) | Poster Split Navbar                 | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar67 |
| [navbar66](/block/navbar66) | Featured Mega Navbar                | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar66 |
| [navbar65](/block/navbar65) | Status Tier Navbar                  | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar65 |
| [navbar64](/block/navbar64) | Fullscreen Overlay Navbar           | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar64 |
| [navbar63](/block/navbar63) | Floating Pill Navbar                | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar63 |
| [navbar62](/block/navbar62) | Announcement Marquee Navbar         | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar62 |
| [navbar61](/block/navbar61) | Use-Case Mega Navbar                | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar61 |
| [navbar60](/block/navbar60) | Mega Studio Navbar                  | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar60 |
| [navbar59](/block/navbar59) | Studio Bar Navbar                   | Navigation | Pro    | npx shadcn add https://ui.beste.co/r/navbar59 |

* Page 1 of 3
* [1](/blocks/navigation)
* [2](/blocks/navigation?page=2)
* [3](/blocks/navigation?page=3)

## Ship the interface, keep the code.

New blocks, pieces and components every week. Install one with a command and it is yours to edit. No runtime dependency, no upgrade path to fight.

[Browse the libraryBrowse the library](/blocks)[See pricingSee pricing](/pricing)

### Library

* [Blocks](/blocks)
* [Pages](/pages)
* [Pieces](/pieces)
* [Components](/components)
* [Search](/search)

### Learn

* [Docs](/docs)
* [AI & MCP](/docs/mcp)
* [Blog](/blog)
* [Free tools](/tools)
* [What's new?](/changelog)
* [Website Builder](https://beste.co)

### More

* [Pricing](/pricing)
* [Referrals](/referrals)
* [License](/license)
* [GitHub](https://github.com/beste-co/beste-ui)

### Shadcn Blocks

* [Shadcn Hero Blocks](/blocks/hero)
* [Shadcn Feature Blocks](/blocks/feature)
* [Shadcn Pricing Blocks](/blocks/pricing)
* [Shadcn CTA Blocks](/blocks/cta)
* [Shadcn FAQ Blocks](/blocks/faq)
* [Shadcn About Blocks](/blocks/about)
* [Shadcn Stats Blocks](/blocks/stats)
* [Shadcn Footer Blocks](/blocks/footer)
* [Shadcn Navigation Blocks](/blocks/navigation)
* [Shadcn Auth Blocks](/blocks/auth)
* [Shadcn Ecommerce Blocks](/blocks/ecommerce)
* [Shadcn Portfolio Blocks](/blocks/portfolio)
* [Shadcn Showcase Blocks](/blocks/showcase)
* [Shadcn Careers Blocks](/blocks/careers)
* [Shadcn Onboarding Blocks](/blocks/onboarding)
* [Shadcn Coming Soon Blocks](/blocks/coming-soon)
* [Shadcn Post Blocks](/blocks/post)
* [Shadcn Legal Blocks](/blocks/legal)
* [Shadcn Workflow Blocks](/blocks/workflow)
* [Shadcn News Blocks](/blocks/news)

© 2026, [Beste](https://beste.co). All rights reserved.