ニューモーフィズム製品比較コンポーネント
アースカラー、ダークテーマのサポート、JavaScriptなしのNeumorphismスタイルのシンプルでレスポンシブな製品比較コンポーネント。
HTMLコード
<div class="container mx-auto p-4 bg-gray-200 dark:bg-gray-800 rounded-xl shadow-xl dark:shadow-inner">
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
</div>
</div>関連コンポーネント
製品比較コンポーネント
glassmorphism デザイン、アース トーンの配色、およびダーク モードのサポートを備えた、シンプルで応答性の高い製品比較コンポーネントです。2枚の商品カードを大きな画面で並べて表示し、小さな画面では積み重ねて表示します。
製品比較コンポーネント - オーガニック/自然にインスパイアされた秋の色
有機的/自然にインスパイアされたデザインで、秋の色を使用した複雑で応答性の高い製品比較コンポーネント。スポーツやフィットネスのアプリケーションに適しており、ダークモードを完全にサポートしています。
製品比較コンポーネント
Tailwind CSS を使用したマテリアルデザインでスタイル設定されたレスポンシブ製品比較コンポーネントで、グリッドベースのレイアウト、シャドウ、ダークテーマのサポートが特徴です。