组件 产品比较 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>

相关组件

产品比较组件 - Neumorphism Monochromatic

响应式产品比较组件,具有中构设计风格和单色配色方案,适用于活动/会议网站。包括深色模式支持。

打开

产品比较组件 - 有机/自然灵感的秋色

一个复杂的响应式产品比较组件,采用有机/自然灵感设计,使用秋天的色彩。适用于运动和健身应用,完全支持深色模式。

打开

产品对比组件

具有响应式设计的产品比较组件,带有3D风格设计元素,支持深色主题,并集成占位符图像,以便于产品可视化和用户头像,使用picsum.photos和randomuser.me。

打开