Navigatiebalkblokken
Navigatiebalken en menu's voor je website. Kant-en-klare React UI-blokken met een neobrutalistische look — heroes, pricing, auth, dashboards en meer. Bekijk ze op elk schermformaat, kopieer de code of installeer via je AI-agent en onze MCP-server. Werkt met Radix UI, Base UI en React Aria.
- Hero's, prijzen & auth
- Elk breekpunt vooraf bekijken
- Kopieer de brontekst
- MCP klaar voor installatie
- Radix · Base UI · React Aria
- 158 kant-en-klare blokken
- Paginadelen die worden geleverd
- Dashboards en marketing
- Pro ontgrendelt de code
- Drop-in-indelingen
Bekijk elk ontwerp
Navigatiebalk
8 blokken — open een willekeurige kaart voor een volledig schermvoorbeeld, de code en installatiesstappen.
- 01Pro
Account-navbar met lade
Een balk voor ingelogde gebruikers toont wordmark, tellers, avatar en Uitloggen in cellen op volle hoogte, met een lade onder md. React en Tailwind.
- 02Pro
Navbar met logo en megamenu
Een gecentreerd tweeregelig wordmark staat tussen twee calls to action; het menu opent een linkpaneel over de volle breedte. React en Tailwind.
- 03Pro
Contactbalk-navbar
Een strook in de merkkleur toont telefoon, e-mail en vier social-iconen boven de balk met links. React en Tailwind. Maak het nummer tikbaar.
- 04Pro
Dashboard-navbar met dropdowns
Twee toetsenbordtoegankelijke dropdowns, een bel, themaschakelaar en avatar op een zwevende kaartbalk. React en Tailwind; onder lg worden ze accordeons.
- 05Pro
E-commerce-navbar met zoeken
Een echt verstuurbaar zoekformulier en een live winkelwagenaantal verankeren deze storefront-balk, met account- en bestellinks. React en Tailwind.
- 06Pro
Minimale navbar met auth-knoppen
Wordmark, vier links en een paar Inloggen en Aanmelden, met een morfende hamburger onder md. React en Tailwind. Begin een marketingsite hiermee.
- 07Pro
Museum-navbar met megamenu
Collections opent een megamenu van 680px met kaarten op basis van afbeeldingen, onder een omgekeerde signage-balk. React en Tailwind. Verkoop het bezoek.
- 08Pro
Portfolio-navbar met ticker
Een scrollende aankondigingsticker staat boven een balk van omlijnde cellen met ankerlinks op de pagina. React en Tailwind. Bewerk drie aankondigingen.