検索コンポーネント

カテゴリ

すべてのコンポーネント

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

パスワードリセットコンポーネント

マテリアルデザインにインスパイアされた、Tailwind CSSで構築されたソーシャルメディアプラットフォーム用のパスワードリセットコンポーネント。彩度の高い色、すっきりとしたレイアウト、ダークモードをサポートするレスポンシブデザインを備えた鮮やかな配色が特徴です。このコンポーネントには、メール、送信ボタン、便利なテキストの入力フィールドが含まれています。このデザインでは、カードの高さ、グリッド レイアウト、奥行き効果などのマテリアル デザインの原則を使用しています。

カルーセルスライダーコンポーネント

Tailwind CSSを使用したダークモードでのeコマース用に設計されたシンプルなカルーセルスライダーコンポーネント。

ニューモーフィズム ナビゲーション コンポーネント

Neumorphism Navigation Componentは、PortfolioのWebサイト用に最適化されています。複数のインタラクティブ要素を備えた複雑なレイアウト、レスポンシブデザイン、Tailwind CSSを使用したダークモードのサポートが特徴です。配色は類似です。

製品比較コンポーネント - レトロなコーポレートスタイル

単色の青の配色を使用したレトロ/ビンテージの企業の美学を備えたレスポンシブ製品比較コンポーネント。複数のインタラクティブ要素とダークモードのサポートを備えています。デザインには、80年代/90年代にインスパイアされた幾何学模様、昔ながらのタイポグラフィ、ピクセルのようなアクセントを備えたレトロなスタイルのカードが含まれています。プロフェッショナリズムを維持しながら、ノスタルジックなデザインで目立ちたいビジネスWebサイトに最適です。

フィルターコンポーネントニューモーフィズム

NeumorphismソフトUIでスタイル設定されたシンプルなレスポンシブフィルターコンポーネントで、グレースケールの配色を使用して、ビジネス/企業のWebサイト向けに設計されています。このコンポーネントはダークモードをサポートし、JavaScriptを使用せずにTailwind CSSで構築されています。

3Dショッピングカートコンポーネント

奥行きとエンゲージメントを生み出す3Dデザイン要素を備えた、視覚的に印象的なショッピングカートコンポーネント。トライアドカラースキーム(プライマリーブルー、ビビッドレッド、アンバーイエロー)を使用して、視覚的な興味を引かせます。この複雑なインターフェースには、画像付きの商品リスト、数量管理、価格概要、3Dの動きをシミュレートするホバー効果が含まれています。ダークテーマのサポートにより完全にレスポンシブ。このコンポーネントは、読者がコンテンツを消費しながら推奨製品を購入できるコンテンツ/ブログ環境向けに設計されています。

ウィッシュリストコンポーネント

ダッシュボード用に設計されたレスポンシブなウィッシュリストコンポーネントで、モノクロの配色と3Dデザインスタイルが特徴です。

ショッピングカートコンポーネント

eコマースプラットフォーム向けに設計されたレスポンシブショッピングカートコンポーネントで、3Dデザインスタイルとパステルカラースキームが特徴です。製品リスト、数量、チェックアウトボタンなど、複数のインタラクティブ要素が装備されており、ダークテーマをサポートしています。

製品比較コンポーネント

ブルータリズムのデザインスタイルの製品比較コンポーネントで、鮮やかな色と適度な複雑さが特徴で、製品を紹介したり、ポートフォリオで作業したりします。

360°ビューアコンポーネント

マテリアルデザインにインスパイアされた360°ビューアコンポーネントは、作品や製品を紹介するための鮮やかな色で、レスポンシブデザインとダークモードをサポートしています。