Components Hamburger Menu Brutalist Hamburger Menu

Brutalist Hamburger Menu

Brutalist-style hamburger menu with vibrant colors and dark mode support, designed for a blog or content site.

Preview

HTML Code

<div class="bg-yellow-400 dark:bg-purple-700 p-4 flex justify-between items-center">
  <h1 class="text-2xl font-bold text-black dark:text-white">Brutal Blog</h1>
  <button class="text-black dark:text-white focus:outline-none">
    <svg class="h-6 w-6 fill-current" viewBox="0 0 24 24">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M4 5h16v2H4V5zm0 6h16v2H4v-2zm0 6h16v2H4v-2z"/>
    </svg>
  </button>
</div>

Related Components

3D Hamburger Menu Component

A responsive hamburger menu component with a 3D aesthetic, warm neutral color scheme, and dark mode support, suitable for entertainment and media platforms. Features a subtle 3D hover effect.

Open

Hamburger Menu Component

A complex, responsive, and vibrant hamburger menu component with microinteractions for e-commerce, featuring a slide-out navigation, category links, a search bar, and social media icons. It supports dark mode and uses Lorem Picsum for images.

Open

Hamburger Menu Component

A responsive Hamburger Menu Component designed with Brutalism style using Tailwind CSS, featuring dark mode support and placeholders for images and avatars.

Open