Barra de navegaciónbloques
Barras de navegación y menús para tu web. Bloques UI de React listos para usar, con estilo neobrutalista: héroes, precios, autenticación, dashboards y más. Previsualiza cada tamaño de pantalla, copia el código o instálalos con tu agente de IA a través de nuestro servidor MCP. Funcionan con Radix UI, Base UI y React Aria.
- Hero, precios y auth
- Previsualizar cada punto de interrupción
- Copia el código fuente
- MCP listo para instalar
- Radix · Base UI · React Aria
- 158 bloques prefabricados
- Secciones de la página que se envían
- Cuadros de mando y marketing
- Pro desbloquea el código
- Diseños de inserción directa
Explora todas las disposiciones
Barra de navegación
8 bloques — abre cualquier tarjeta para una vista previa a pantalla completa, el código y pasos de instalación.
- 01Pro
Navbar de cuenta con drawer
Una barra de celdas de altura completa con sesión iniciada lleva wordmark, contadores, avatar y Log Out, con drawer bajo md. React y Tailwind.
- 02Pro
Navbar con mega menú centrado
Un wordmark de dos líneas centrado va entre dos llamados a la acción, y el menú abre un panel de enlaces a todo el ancho. React y Tailwind.
- 03Pro
Navbar con barra de contacto
Una franja del color de marca lleva un teléfono, un email y cuatro íconos sociales sobre la barra de enlaces. React y Tailwind. Número tocable.
- 04Pro
Navbar de dashboard con menús
Dos menús accesibles con teclado, una campana, un selector de tema y un avatar en una barra flotante de React y Tailwind. Se pliega en acordeones bajo lg.
- 05Pro
Navbar de ecommerce con búsqueda
Un formulario de búsqueda real y un contador de carrito en vivo dan vida a esta barra de tienda en React y Tailwind, con enlaces de cuenta y pedidos.
- 06Pro
Navbar minimalista con acceso
Wordmark, cuatro enlaces y un par Log in y Sign up, con hamburguesa animada bajo md, en React y Tailwind. Empieza aquí un sitio de marketing.
- 07Pro
Navbar de museo con mega menú
Collections abre un mega menú de 680px con tarjetas basadas en imágenes, dos anchas y dos verticales, bajo una barra invertida en React y Tailwind.
- 08Pro
Navbar de portfolio con ticker
Un ticker de anuncios en desplazamiento sobre una barra de celdas con borde y enlaces de ancla en la página, en React y Tailwind. Edita tres anuncios.