BrutalistNavbar is a high impact, bold navigation component designed for Framer projects that need a distinct, raw aesthetic. It combines a striking visual style with deep functional control, making it the perfect choice for portfolios, agency sites, or any brand that wants to break away from standard, minimalist designs.
What it doesIt creates a fully responsive navigation bar featuring the signature "brutalist" look—thick borders, high contrast colors, and stark typography. The component handles both desktop and mobile navigation seamlessly, featuring a customizable overlay menu and a dedicated mobile breakpoint to ensure your site looks sharp on every screen size.
What you can customize
Content and Links: Easily edit your logo text, set an external or internal link, and manage separate lists for your desktop and mobile menu items.
Layout and Sizing: Fine tune the bar height, horizontal padding, and gaps between menu items. You can also adjust the "stripe" thickness and specific bottom positioning for a truly custom feel.
Styling and Colors: You have total control over the background, overlay, text, and border colors, plus a dedicated accent color to make your brand pop.
Typography: Set unique fonts for your logo, navigation items, and the mobile overlay to match your site's specific brand identity.
Mobile Settings: Set your preferred mobile breakpoint (defaulted at 590px) and choose whether to show or hide the close button in the mobile menu.
Great for
Design portfolios and creative resumes
Agency websites with a bold brand identity
Launch pages for edgy tech or fashion products
Editorial sites and digital magazines
Landing pages that want to make a loud first impression
Share your buildIf you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I’d love to see what you create.
Need help?Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb
Dulaj dilshan
