所有组件

浏览所有可用的 Tailwind CSS 组件

电子商务布局组件

一个简单、响应式的电子商务布局组件,具有灰度 Material Design 美感,具有产品网格、页眉和页脚,所有这些都支持深色模式。将 picsum.photos 用于产品图片。

复古博客页脚

用于博客的复古/复古页脚组件,具有单色配色方案、简单的布局、响应式设计和深色主题支持。

图表组件

一个响应式仪表板组件,演示了具有柔和色彩和深色模式支持的拟物化设计,具有使用纯 HTML 和 Tailwind CSS 的模拟条形图、折线图和关键性能指标。不包含 JavaScript;图表是可视化表示形式。

侧边栏导航组件

适用于社交媒体应用程序的简单响应式侧边栏导航,针对深色模式进行了优化,具有类似的配色方案。它包括一个带有头像和用户名的个人资料部分,以及导航链接。该设计使用 Tailwind CSS 进行样式设置和响应,并通过 Tailwind 的内置 dark: 前缀提供深色模式支持。

Heat Maps 组件

用于博客/内容使用的热图组件,具有响应式设计和深色模式支持。利用灰度配色方案和中等复杂度以及交互式功能。没有 JavaScript,纯 HTML 和 Tailwind CSS。

页脚组件

一个响应式复古/复古页脚组件,适用于具有三色配色方案和深色主题支持的博客。

野兽派社交媒体表格

用于社交媒体的简单粗野主义表单组件,具有三元配色方案和深色主题支持。

信息图表组件

一个复杂的响应式信息图表组件,用于商业网站,采用拟物化风格和使用 Tailwind CSS 的充满活力的配色方案设计。包括深色模式支持和交互元素。

类似的暗模式点赞/反应按钮

一个复杂的响应式点赞/反应按钮组件,用于投资组合,具有深色模式 UI 和类似的配色方案,使用纯 HTML 和 Tailwind CSS 实现。它通过 Tailwind 的 dark: 前缀支持深色模式。

媒体组件 Component Component

响应式媒体组件组件,具有粗野主义设计、鲜艳的色彩和复杂的仪表板布局,具有深色主题支持,无 JavaScript。将 picsum.photos 用于图像,将 randomuser.me 用于头像。