検索コンポーネント
カテゴリ
すべてのコンポーネント
利用可能なすべてのTailwind CSSコンポーネントを参照する
Retro Vintage インフォグラフィックコンポーネント
Tailwind CSSで構築された、レスポンシブでパステルカラーのレトロ/ビンテージスタイルのソーシャルメディアインフォグラフィックダッシュボードコンポーネントで、ユーザープロファイル統計、トレンドのハッシュタグ棒グラフ、および説明的な画像を備えています。Tailwind の dark: プレフィックスとインタラクティブなホバー アニメーション (JavaScript は不要) によるダーク モードのサポートが含まれています。
Eコマースヘッダーコンポーネント
マテリアルデザインの原則でTailwind CSSを使用して構築されたレスポンシブなeコマースヘッダーコンポーネント。単色の配色(青の色合い)、検索機能、ナビゲーションメニュー、ショッピングカート、およびユーザープロファイルを備えています。ヘッダーには、影などの深度効果が含まれており、ダーク モードがサポートされています。このコンポーネントは、モバイルハンバーガーメニューで完全にレスポンシブです。
グレースケール、スキューモーフィック、スティッキーナビ
ブログ用のレスポンシブなスティッキーナビゲーションバーで、グレースケールパレットを使用してスキューモーフィズムでスタイル付けされています。ダークモードのサポートとシンプルなレイアウトが特徴です。Tailwind CSS(HTMLのみ)で構築され、JavaScriptはありません。スキューモーフィックなデザインは、ナビゲーションバーを物理的でわずかに隆起した要素のように見せることを目的としています。
スキューモーフィックヘッダーコンポーネント
スキューモーフィックスタイルのeコマースWebサイト向けに設計されたシンプルでレスポンシブなヘッダーコンポーネントで、グレースケールの配色を使用し、ダークモードをサポートします。
コンテンツリンクにスキップする
Neumorphismデザインスタイル、トライアドカラースキーム、ブログやコンテンツWebサイトの複雑なレイアウトを備えたコンテンツリンクコンポーネントにスキップします。レスポンシブデザインとTailwind CSSを使用したダークモードのサポートが含まれています。
コンテンツリンクコンポーネントにスキップする
視覚的に魅力的な 3D スタイルの [コンテンツにスキップ] リンクは、ユーザーがソーシャル メディア インターフェイスのナビゲーション メニューをバイパスするのに役立ちます。このコンポーネントは、補色 (青とオレンジ) を使用し、影と変換によって 3D 効果を実現します。レスポンシブデザインとダークテーマのサポートを備えています。リンクは、フォーカスされているときやアクティブになっているときはビューポートの左上に固定されているように見えるため、キーボード操作に簡単にアクセスでき、使用していないときは目立たないようになっています。
フッターナビゲーションコンポーネント
スキューモーフィックスタイルでデザインされたレスポンシブフッターナビゲーションコンポーネントで、eコマースに適したインタラクティブな要素を備えています。トライアドカラースキームに従い、ダークモードをサポートします。