브루탈리즘 햄버거 메뉴

생생한 색상과 다크 모드를 지원하는 브루탈리즘 스타일의 햄버거 메뉴로, 블로그 또는 콘텐츠 사이트를 위해 설계되었습니다.

미리 보기

HTML 코드

<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>

관련 구성 요소

Hamburger Menu 컴포넌트

소셜 미디어용으로 설계된 반응형 햄버거 메뉴는 다크 모드 테마와 보색 구성표가 있는 인터페이스입니다.

열다

브루탈리즘 햄버거 메뉴

Tailwind CSS를 사용하여 유사한 색 구성표, 중간 정도의 복잡성, 반응형 디자인 및 어두운 테마를 지원하는 대시보드용 브루탈리즘에서 영감을 받은 햄버거 메뉴 구성 요소. 자바스크립트가 없습니다.

열다

Hamburger Menu 컴포넌트

반응형 햄버거 메뉴 구성 요소는 파스텔 색 구성표와 함께 Brutalism 스타일로 디자인되었습니다. 작품이나 제품을 보여주는 포트폴리오에 적합합니다.

열다