比较

这是一个 Tailwind Variants 与其他提供类似功能的库的比较。

本比较力求尽可能准确和公正。如果您使用这些库中的任何一个，并且觉得这些信息可以改进，请随时使用本页面右侧边栏的“编辑此页面”链接提出更改建议。

功能	Tailwind Variants	CVA	Windstitch	Classnames
变体 API	✅	✅	✅	❌
与框架无关	✅	✅	❌	✅
拆分组件（slots）	✅	❌	❌	❌
组合槽位（compound slots）	✅	❌	❌	❌
覆盖组件（Overrides）	✅	✅	✅	❌
组件组合（extend）	✅	❌	✅	❌
卓越的开发者体验（自动完成类型）	✅	✅	✅	❌
需要 TailwindCSS 才能工作	✅	❌	✅	❌
冲突解决	✅	❌	❌	❌

注：✅ = 支持，❌ = 不支持

为什么选择 Tailwind Variants？

我们经常收到的一个常见问题是：“你们为什么创建 Tailwind Variants？为什么不使用 CVA？” 事实是，我们曾尝试在 HeroUI 中使用 CVA，以便从 Stitches 迁移到 TailwindCSS，但我们发现仅使用 CVA 来创建一个设计体系是具有挑战性的。后来我们意识到 CVA 的创建者已在此处声明，我们所需的一些功能并不在 CVA 的计划实现中。因此，我们决定创建 Tailwind Variants 来填补这一空白。我们的目标不是与 CVA 竞争，而是提供一个能够满足我们将 HeroUI 尽可能平滑地迁移到 TailwindCSS 的替代方案。尽管如此，还是要向 Joe Bell 和贡献者们致以崇高的敬意，你们太棒了！🤘—— 如果您不需要上述 Tailwind Variants 的任何功能，我们推荐您使用 CVA。

Tailwind v4

Variants