コンポーネントナビゲーションコンポーネント Brutalist ナビゲーションコンポーネント

Brutalist ナビゲーションコンポーネント

レスポンシブな動作とダークテーマのサポートを備えたブルータリズムナビゲーションコンポーネント。

プレビュー

HTMLコード

<nav class="bg-yellow-400 dark:bg-purple-900 p-6 font-mono border-4 border-black dark:border-yellow-400">
  <div class="container mx-auto flex justify-between items-center">
    <div class="text-2xl font-bold text-black dark:text-yellow-400">Brutal Nav</div>
    <ul class="flex space-x-4">
      <li><a href="#" class="text-black dark:text-yellow-400 hover:underline">Home</a></li>
      <li><a href="#" class="text-black dark:text-yellow-400 hover:underline">Docs</a></li>
      <li><a href="#" class="text-black dark:text-yellow-400 hover:underline">Examples</a></li>
    </ul>
  </div>
</nav>

関連コンポーネント

ナビゲーションコンポーネントコンポーネント

Glassmorphism単色中程度のEコマースナビゲーションコンポーネント、ダークモードサポート

開ける

ナビゲーションコンポーネント

Tailwind CSS を使用して設計された、マイクロインタラクションとダークテーマのサポートを備えたレスポンシブナビゲーションコンポーネント。

開ける

Brutalism ナビゲーションコンポーネント

ブルータリズムスタイルで設計されたレスポンシブナビゲーションコンポーネントで、ポートフォリオWebサイトに最適な単色の配色を示しています。機能には、ハイコントラストの大胆なレイアウト、Tailwind CSSを使用したダークモードのサポート、ドロップダウンやボタンリンクなどのインタラクティブ要素が含まれます。

開ける