所有组件

浏览所有可用的 Tailwind CSS 组件

侧边栏组件

一个响应式侧边栏组件,用于展示具有引人入胜的微交互和互补配色方案的项目组合项,支持深色模式。

Price Display 组件

用于投资组合的复古风格复杂价格显示组件,具有三重配色方案、响应能力和使用 Tailwind CSS 的深色模式支持。不包含 JavaScript。

粗野主义登录/注册组件

野兽派风格的登录/注册组件,具有三色配色方案、中等复杂度、响应式设计和深色模式支持。将 picsum.photos 用于图像,将 randomuser.me 用于头像。

粗野主义导航组件

一个响应式导航组件,采用粗野派风格设计,展示单色配色方案,非常适合投资组合网站。功能包括具有高对比度的粗体布局、使用 Tailwind CSS 的深色模式支持以及下拉列表或按钮链接等交互式元素。

进度指示器组件

具有高对比度的粗野派风格进度指示器组件,用于展示作品集中的工作或产品。它具有具有多个交互式元素的丰富界面,旨在使用 Tailwind CSS 响应深色主题支持。

进度指示器组件

一个简单的进度指示器,设计有玻璃形态效果,适用于支持深色模式和单色配色方案的电子商务网站。

Neumorphic Tooltip 组件

一个复杂的 Neumorphism 风格的工具提示组件,适用于商业网站,采用鲜艳的色彩,专为暗模式支持而设计。

极简主义粉彩 Tooltip

一个最小而扁平的工具提示组件,专为商业和企业网站设计,具有柔和的色彩、响应式设计和使用 Tailwind CSS 的深色模式支持。

产品卡片组件

一个响应式产品卡组件,具有大地色调的微交互,为产品组合展示提供深色主题支持。

进度指示器组件

一个极简的进度指示器组件,旨在使用鲜艳的色彩和响应式设计以及深色主题支持来展示投资组合进度。