我使用 Tailwind CSS 为 React 创建了一个 UI 组件集合

2025-05-24

我使用 Tailwind CSS 为 React 创建了一个 UI 组件集合

我使用 Tailwind CSS 构建了 React 的 UI 组件集合,其中包含 20 多个组件和 50 多个变体。

您可以直接复制并粘贴您想要使用的组件。

Kimia-UI

使用 Tailwind 的最大缺点是类太长会导致代码可读性不足。

由于 React 是基于组件的,我们可以用它的类提取组件逻辑并在其他地方重用它们,这样可以产生具有更多组件和更少类的更易读的代码。

这就是我创建这个名为Kimia-UI的集合的原因,它是完全可定制的。如果您是 Typescript 爱好者,那么完整的源代码和所有示例都是用 Typescript 编写的,因此您无需担心类型问题。

该项目对贡献持开放态度,您可以通过添加组件、改进可访问性或为新组件或想法开设新问题来做出贡献。

Kimia-UI

源代码

成分

文章来源:https://dev.to/enochndika/i-created-a-collection-of-ui-components-for-react-built-with-tailwind-css-5451
PREV
创建一个快速的网站超级简单😏
NEXT
我使用 Tailwind 为 React、Next、Vue、Nuxt 和 Svelte 创建了 9 个免费仪表板模板。