コンポーネント Eコマースコンポーネント Eコマースコンポーネントコンポーネント

Eコマースコンポーネントコンポーネント

レスポンシブデザインとダークテーマのサポートを備えた、ミニマリストビジネスWebサイト用のEコマースコンポーネント。

プレビュー

HTMLコード

<div class="bg-white dark:bg-gray-900 text-gray-900 dark:text-white p-6 rounded-lg shadow-md">
  <h2 class="text-2xl font-semibold mb-4">Product Title</h2>
  <img src="https://picsum.photos/600/400" alt="Product Image" class="w-full h-48 object-cover rounded-lg mb-4">
  <p class="text-lg mb-4">$99.99</p>
  <button class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Add to Cart</button>
</div>

関連コンポーネント

Eコマースコンポーネント

ポートフォリオのショーケースにアースカラーを使用したダークモードデザインの適度な複雑さのeコマースコンポーネント。

開ける

Eコマースコンポーネントコンポーネント

マイクロインタラクション、アーストーンの配色、適度な複雑さ、ダークモードのサポートを備えたレスポンシブ e コマースコンポーネント。

開ける

Eコマースダッシュボードコンポーネント

Tailwind CSSのSkeuomorphism、鮮やかな色、シンプルなレイアウトを備えたEコマースダッシュボードコンポーネントで、レスポンシブテーマとダークテーマがサポートされています。

開ける