検索コンポーネント

カテゴリ

すべてのコンポーネント

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

ユーザープロファイルコンポーネント

パステルカラーの配色と適度な複雑さの機能を持つダークモードダッシュボード用に設計されたユーザープロファイルコンポーネント。

ユーザーメンションコンポーネント

レトロ/ビンテージスタイルと類似の配色でデザインされたレスポンシブなユーザーメンションコンポーネントで、ダークモードをサポートします。ソーシャルメディアインターフェースに適したユーザーのアバター、名前、メッセージテキストを備えています。

Glassmorphism 検索ボックス コンポーネント

パステルカラーを使用したすりガラス効果(glassmorphism)を備えた最新の検索ボックスコンポーネント。コンポーネントはシンプルですがエレガントで、プロのビジネスWebサイト向けに設計されています。微妙なぼかし効果を備えた半透明の背景、レスポンシブデザイン、ダークモードのサポートが特徴です。検索ボックスには、検索アイコンと、企業環境に適したクリーンな入力フィールドが含まれています。

レトロなソーシャルメディアポストカード

レトロ/ビンテージの80年代/90年代の美学を備えたレスポンシブなソーシャルメディアポストカードコンポーネントで、フューシャのアクセントが付いた類似の配色(スカイ、ティール、パープル)を使用しています。ダークモードのサポートとインタラクティブなホバー効果を備えています。コンテンツには、ユーザーのアバター、ユーザー名、タイムスタンプ、テキスト投稿、画像、アクションボタン(コメント、シェアなど)が含まれます。Tailwind CSSで構築されています。

トップに戻るボタン

マイクロインタラクション、アースカラーの配色、ビジネス/企業Webサイト向けのシンプルなレイアウトを備えたBack to Topボタンコンポーネント。Tailwind CSSを使用したダークモードサポートのレスポンシブデザイン

ローダーコンポーネント

ビジネス/企業Webサイトのインタラクティブ性に焦点を当てたブルータリズムスタイルで設計されたローダーコンポーネントで、類似の配色とダークモードをサポートするレスポンシブデザインが特徴です。このデザインは、ブルータリズムの大胆で生々しい美学を捉えたさまざまなローダーアニメーションを紹介しています。

2要素認証コンポーネント

ブルータリズムデザイン、トライアドカラースキーム、ダッシュボード用のダークテーマをサポートするレスポンシブ2要素認証コンポーネント。

プログレスバーコンポーネント

3D要素で設計されたレスポンシブプログレスバーコンポーネントで、eコマースに適した類似の配色を使用し、ダークモードをサポートしています

マテリアルEarthToneLoginSignupComponent

アースカラーの配色、フォーム間のインタラクティブな切り替えによる適度な複雑さ、ダークモードをサポートするダッシュボード用に設計された、レスポンシブマテリアルデザインスタイルのログインおよびサインアップコンポーネント。

登録フォーム-eコマース-追い風

レスポンシブモードとダークモードをサポートするTailwind CSSを使用したeコマース用のミニマリストフラットデザイン登録フォームコンポーネントで、補完的な青オレンジの配色が特徴です。