Barra de navegaçãoblocos
Barras de navegação e menus para o seu site. Blocos de UI React prontos para usar, com visual neobrutalista — heroes, preços, autenticação, dashboards e mais. Veja em qualquer tamanho de tela, copie o código ou instale pelo seu agente de IA com o nosso servidor MCP. Funciona com Radix UI, Base UI e React Aria.
- Hero, preços e auth
- Visualizar todos os pontos de interrupção
- Copie o código-fonte
- MCP pronto para instalação
- Radix · Base UI · React Aria
- 158 blocos pré-fabricados
- Seções da página que são enviadas
- Painéis e marketing
- Pro desbloqueia o código
- Layouts de encaixe
Explore todos os layouts
Barra de navegação
8 blocos — abra qualquer card para visualização em tela cheia, o código e etapas de instalação.
- 01Pro
Navbar de conta com drawer
Uma barra de usuário logado, com células de altura total, traz a wordmark, contadores, avatar e Sair, com um drawer abaixo de md. React e Tailwind.
- 02Pro
Navbar com logo centralizada
Uma wordmark centralizada de duas linhas fica entre dois botões, e o menu abre um painel de links de largura total. React e Tailwind.
- 03Pro
Navbar com barra de contato
Uma faixa na cor da marca traz um telefone, um e-mail e quatro ícones sociais, acima da barra de links. React e Tailwind. Deixe o número tocável.
- 04Pro
Navbar de dashboard com dropdowns
Dois dropdowns acessíveis por teclado, sino, alternador de tema e avatar em uma barra flutuante em React e Tailwind. Abaixo de lg viram acordeões.
- 05Pro
Navbar de e-commerce com busca
Formulário de busca de verdade e contagem de carrinho ao vivo ancoram esta barra de loja em React e Tailwind, com links de conta e pedidos.
- 06Pro
Navbar minimalista com login
Wordmark, quatro links e um par Entrar mais Cadastrar, com hambúrguer animado abaixo de md, em React e Tailwind. Comece um site de marketing por aqui.
- 07Pro
Navbar de museu com mega menu
Collections abre um mega menu de 680px com cartões guiados por imagem, dois largos e dois em retrato, sob uma barra invertida. React e Tailwind.
- 08Pro
Navbar de portfólio com ticker
Um ticker de anúncios rolando fica sobre uma barra de células com borda em altura total e links âncora na página, em React e Tailwind. Edite três anúncios.