検索コンポーネント

カテゴリ

すべてのコンポーネント

利用可能なすべてのTailwind CSSコンポーネントを参照する

メディア埋め込みコンポーネント

ブログやコンテンツの消費に適したNeumorphismスタイルのメディア埋め込みコンポーネントで、トライアドカラースキームが特徴です。ダークモードをサポートするレスポンシブデザイン。

ミニマリストプログレスバー

パステルカラーのミニマリストでフラットなデザインのプログレスバーコンポーネントで、プロのビジネスや企業のWebサイトに適しています。レスポンシブデザインで、Tailwind CSSを使用したダークモードに対応しています。

Glassmorphism カートボタンに追加

Glassmorphismスタイル、単色の配色、適度な複雑さのカートボタンに追加。ダークモードのサポートによるレスポンシブ。

グレースケールソーシャルメディアタイムライン

Tailwind CSSで構築された、応答性の高いダークモード対応のソーシャルメディアタイムラインコンポーネント。厳密なグレースケールの配色と、ユーザーアバター、投稿コンテンツ(テキストと画像)、エンゲージメント統計、アクションボタンを備えた複雑なポストカードが特徴です。ソーシャルネットワーキングインターフェース用に設計されており、各投稿に複数のインタラクティブ要素があります。このデザインは、目の疲れを軽減するために暗い背景をサポートしています。JavaScriptは使用しておりません。

3Dソーシャルオーサーカード

3Dエフェクトとソーシャルメディアリンクを備えたレスポンシブな著者カードコンポーネントで、ブログ/コンテンツセクション用に設計されています。補色(アイデンティティ/情報に青、アクセント/CTAにオレンジ)が特徴で、ダークモードをサポートし、スタイリングにTailwind CSSを使用しています。デザインは、基本的なレイアウトと最小限の要素を備えた「シンプル」な複雑さですが、「3Dデザイン」は、シャドウとホバー効果を使用して奥行きとエンゲージメントのために組み込まれています。このコンポーネントには、アバター、著者名、短い略歴、ソーシャルメディアのアイコン、「Follow Me」のコールトゥアクションボタンが含まれています。プレースホルダーとして randomuser.me アバターを使用します。

ブルータリストコミュニティフォーラムコンポーネント

鮮やかな色、適度な複雑さ、ダークモードのサポートを備えたソーシャルメディアインターフェイス用のブルータリストスタイルのコミュニティフォーラムコンポーネント。大胆なタイポグラフィ、ハイコントラスト要素、ブルータリズムデザインに典型的な非対称のレイアウトを備えたフォーラム投稿リストが特徴です。ユーザーアバター、インタラクションボタン、鮮やかな色のアクセントを備えた生々しく意図的に粗雑な美学を備えた投稿アイテムが含まれています。

インタラクティブコンポーネントコンポーネント

ブルータリズムスタイルでデザインされたインタラクティブコンポーネントで、ダークテーマをサポートする作品や製品の展示に適しています。

データ テーブル コンポーネント

ダークモードのレスポンシブデータテーブル

ニューモーフィックバイブラントフッター

シンプルでレスポンシブなフッター コンポーネントで、ニューモルフィックなデザイン原則と鮮やかな色でスタイル付けされています。繊細な影のある柔らかく押し出された外観が特徴で、彩度の高いアクセントカラーを維持しています。フッターには、サイトナビゲーション、ソーシャルリンク、およびダークモードを完全にサポートする著作権情報の基本セクションが含まれています。

マテリアル デザイン ナビゲーション コンポーネント

グレースケールの配色を使用したソーシャルメディアインターフェース用のシンプルでレスポンシブなマテリアルデザインナビゲーションコンポーネント。ロゴ、ナビゲーションリンク、検索バー、ユーザーアバターを備えたすっきりとしたレイアウトが特徴です。Tailwind の dark: プレフィックスを使用したダーク モードのサポートが含まれています。