구성 요소 전자 상거래 구성 요소 E-commerce Components 구성 요소

E-commerce Components 구성 요소

미니멀리스트 비즈니스 웹사이트를 위한 전자 상거래 구성 요소로, 반응형 디자인과 어두운 테마 지원을 제공합니다.

미리 보기

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>

관련 구성 요소

소셜 미디어 전자 상거래 카드

소셜 미디어에 초점을 맞춘 전자 상거래 구성 요소, Glassmorphism 스타일, 단색 색 구성표, 복잡한 레이아웃, 반응형 및 어두운 테마 지원.

열다

E-commerce Components 구성 요소

트라이어딕 색 구성표가 있는 다크 모드를 위해 설계된 반응형 전자 상거래 구성 요소로, 제품 목록, 장바구니 아이콘 및 사용자 아바타를 제공합니다.

열다

전자 상거래 구성 요소

포트폴리오 쇼케이스를 위해 어스 톤 색상을 사용하는 다크 모드 디자인의 중간 복잡성 전자 상거래 구성 요소입니다.

열다