ブルータリズムのソーシャルナビゲーション
補色を使用したソーシャルメディア用のシンプルで残忍なナビゲーションコンポーネント。レスポンシブデザインとダークモードのサポートが含まれています。
HTMLコード
<nav class="bg-blue-300 dark:bg-orange-700 p-4"> <ul class="flex justify-between"> <li><a href="#" class="text-blue-800 dark:text-orange-200 text-xl font-bold">Profile</a></li> <li><a href="#" class="text-blue-800 dark:text-orange-200 text-xl font-bold">Feed</a></li> <li><a href="#" class="text-blue-800 dark:text-orange-200 text-xl font-bold">Messages</a></li> </ul></nav>関連コンポーネント
ナビゲーションコンポーネント
マテリアルデザインの原則に従ったレスポンシブナビゲーションコンポーネントで、ソーシャルメディアインターフェースを対象としたトライアドカラースキームで、ダークモードをサポートしています。
サイバーパンクウェザーナビゲーション
シンプルでレスポンシブなサイバーパンクをテーマにした天気予報アプリケーション用のナビゲーションコンポーネントで、落ち着いた色とネオンのアクセントが特徴で、ダークモードがサポートされています。