구성 요소 제품 비교 Neumorphism Product Comparison 구성 요소

Neumorphism Product Comparison 구성 요소

Neumorphism 스타일의 간단하고 반응이 빠른 제품 비교 구성 요소로, 흙색, 어두운 테마 지원 및 JavaScript가 없습니다.

미리 보기

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>

관련 구성 요소

제품 비교 구성 요소

브루탈리즘 디자인 스타일의 제품 비교 구성 요소로, 생생한 색상과 적당한 복잡성을 특징으로 하여 제품을 선보이거나 포트폴리오에서 작업할 수 있습니다.

열다

EarthyProductComparison (어시제품비교)

전자 상거래를 위한 반응형 제품 비교 구성 요소로, 3개의 제품 카드를 제공합니다. 흙색 색 구성표(갈색, 녹색, 호박색)와 깊이와 참여를 위한 그림자 및 악센트 막대와 같은 간단한 3D 디자인 요소를 사용하여 Tailwind CSS로 스타일링했습니다. 다크 모드 지원을 포함하며 picsum.photos의 자리 표시자 이미지를 사용합니다.

열다

레트로빈티지제품비교

Dashboard를 위한 Retro/Vintage 제품 비교 구성 요소. 다크 모드를 지원하는 심플한 단색 디자인. Tailwind CSS를 사용합니다.

열다