コンポーネントナビゲーションコンポーネントレトロなソーシャルメディアナビゲーション

レトロなソーシャルメディアナビゲーション

ソーシャルメディア用のダークモードを備えたレスポンシブナビゲーションコンポーネント(レトロ/ビンテージ、アーストーン、中程度の複雑さ)

プレビュー

HTMLコード

<nav class="bg-stone-200 dark:bg-stone-800 p-4">
  <div class="container mx-auto flex items-center justify-between">
    <div class="text-xl font-bold text-stone-800 dark:text-stone-200">SocialApp</div>
    <ul class="flex space-x-4">
      <li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Feed</a></li>
      <li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Profile</a></li>
      <li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Messages</a></li>
      <li><a href="#" class="text-stone-600 dark:text-stone-400 hover:text-stone-800 dark:hover:text-stone-200">Settings</a></li>
    </ul>
  </div>
</nav>

関連コンポーネント

ソーシャルメディアナビゲーション

レスポンシブレイアウトとダークモード用に設計された、フォレストグリーンのパレットを備えた、すっきりとしたミニマリストのソーシャルメディアナビゲーションコンポーネント。メインナビゲーション、ユーザープロファイル、検索機能を備えています。

開ける

ブルータリストのソーシャルメディアナビゲーション

ソーシャルメディアアプリケーション向けのブルータリズムスタイルで設計されたレスポンシブナビゲーションコンポーネントで、補色の配色と最小限の要素を利用しています。

開ける

RetroDashboardナビゲーション

レトロなテーマの複雑なダッシュボードナビゲーションコンポーネントで、トライアドカラースキームで、データの視覚化とコントロールパネル用に設計されています。レスポンシブデザイン、ダークモードのサポート、80年代/90年代の美学に触発された複数のインタラクティブ要素を備えています。

開ける