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

ポートフォリオWebサイト用のシンプルでレスポンシブなナビゲーションコンポーネントで、ダークモードUIを備えています。このデザインは補色を使用し、さまざまな画面サイズで読みやすさと美的魅力を確保します。

プレビュー

HTMLコード

<nav class="bg-gray-900 p-4 text-white">
  <div class="container mx-auto flex justify-between items-center">
    <a href="#" class="text-lg font-bold text-teal-400">MyPortfolio</a>
    <ul class="flex space-x-4">
      <li><a href="#about" class="hover:text-teal-400">About</a></li>
      <li><a href="#projects" class="hover:text-teal-400">Projects</a></li>
      <li><a href="#contact" class="hover:text-teal-400">Contact</a></li>
    </ul>
  </div>
</nav>

関連コンポーネント

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

ブログ/コンテンツの使用向けに設計されたレスポンシブナビゲーションコンポーネントで、3Dデザインスタイル、補色スキーム、およびいくつかのインタラクティブ機能を組み込んだ適度な複雑さを備えています。

開ける

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

ポートフォリオ用に設計されたレスポンシブナビゲーションコンポーネントで、マイクロインタラクションとダークテーマのサポートを備えています。

開ける

3D_Earth_Tone_Dating_Social_Navigation

デート/ソーシャルプラットフォーム向けのレスポンシブナビゲーションコンポーネントで、アースカラーとダークモードをサポートする3Dインスパイアのデザインが特徴です。プロファイルアバター、検索、コアナビゲーションリンクなどの対話型要素が含まれています。

開ける