CCHub Tailwind Collection

コンポーネントナビゲーションコンポーネントブルータリズムのソーシャルナビゲーション

ブルータリズムのソーシャルナビゲーション

補色を使用したソーシャルメディア用のシンプルで残忍なナビゲーションコンポーネント。レスポンシブデザインとダークモードのサポートが含まれています。

プレビュー

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>

関連コンポーネント

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

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

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

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

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

スキューモーフィックな設計原則に従ったレスポンシブナビゲーションコンポーネントで、現実世界の対応物を模倣したデジタル要素を備え、ダークテーマをサポートしています。