Skeuomorphism Triadic Simple Portfolio Header コンポーネント
Skeuomorphism Triadic Simple Portfolio Header コンポーネント
HTMLコード
<header class="bg-gradient-to-b from-gray-200 to-gray-400 via-gray-300 dark:from-gray-800 dark:to-gray-900 dark:via-gray-700 p-6 shadow-xl">
<div class="container mx-auto flex justify-between items-center">
</div>
</header>関連コンポーネント
Eコマースヘッダーコンポーネント
マテリアルデザインの原則でTailwind CSSを使用して構築されたレスポンシブなeコマースヘッダーコンポーネント。単色の配色(青の色合い)、検索機能、ナビゲーションメニュー、ショッピングカート、およびユーザープロファイルを備えています。ヘッダーには、影などの深度効果が含まれており、ダーク モードがサポートされています。このコンポーネントは、モバイルハンバーガーメニューで完全にレスポンシブです。
マテリアルデザインビジネスヘッダー
マテリアルデザインは、ビジネスWebサイト用の補完的な配色を備えたシンプルなヘッダーコンポーネントに触発されました。ダークテーマをサポートするレスポンシブデザイン。
Brutalist ヘッダーコンポーネント
Tailwind CSSでデザインされた生で大胆なヘッダーコンポーネントで、明るいテーマと暗いテーマの両方に適した高コントラストと珍しいレイアウトが特徴です。