ブルータリストハンバーガーメニュー

鮮やかな色とダークモードをサポートするブルータリストスタイルのハンバーガーメニューは、ブログやコンテンツサイト向けに設計されています。

プレビュー

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>

関連コンポーネント

ハンバーガーメニューコンポーネント

パステルカラーの配色でブルータリズムスタイルでデザインされたレスポンシブハンバーガーメニューコンポーネント。作品や製品を展示するポートフォリオに適しています。

開ける

ハンバーガーメニューコンポーネント19

スケルタルなハンバーガーメニューコンポーネントで、現実世界の要素を模倣したスキューモーフィックなスタイルでデザインされています。レスポンシブで、Tailwind CSSを使用したダークモードのサポートが含まれています。

開ける

ブルータリズムハンバーガーメニュー

ブルータリズムにインスパイアされたダッシュボード用のハンバーガーメニューコンポーネントで、類似の配色、適度な複雑さ、レスポンシブデザイン、Tailwind CSSを使用したダークテーマのサポートを備えています。JavaScript はありません。

開ける