跳到主要内容

tailwindcss相关的UI

  1. Preline UI 是一个功能齐全、外观现代的库,适用于构建移动优先的网站和应用程序。
  2. Ripple UI Ripple UI提供了像Bootstrap这样的class,但具有Tailwind CSS的灵活性。它非常适合需要现代外观和感觉以及全套组件的项目。
  3. Sira 非常适合需要现代外观的项目,以及用于构建从简单到中级应用的全套组件。
  4. Tailwind Elements 使用Tailwind CSS重新构建的Bootstrap 组件,但具有更好的设计和更多的功能。
  5. Mamba UI 是开发人员和设计人员的工具包,可以更轻松地创建界面。
  6. Kutty 是一个Tailwind CSS插件,提供了一组可访问和可重用的组件,用于构建各种Web应用程序。由于它是一个插件,因此在使用之前,您需要安装和配置它。
  7. Sailboat UI
  8. HyperUI 就像一组构建块,您只需将它们放在一起即可构建应用程序或项目。当您需要一个快速简便的解决方案来进行原型设计和构建更复杂的接口时,这是一个不错的选择。
  9. Tailwind Starter Kit 非常适合快速入门并在相当简单的项目中使用它。但是,如果您的项目更高级并且需要更多组件和选项,则应选择更复杂的库。
  10. Xtend UI 专注于用户体验和可访问性的复杂动态用户界面

以下是十个Tailwind CSS组件库的总结:

库名称组件数量暗黑模式支持支持的 JS 框架最佳实例
Preline UI300+(所有变化)YesAngular, React, Solid, Qwik, Svelte, Vue具有自定义、现代界面的从简单到复杂的项目
Ripple UI36YesAngular, React, Svelte, Vue具有自定义、现代界面的简单到中间项目
Sira24YesReact, Vue具有自定义、现代界面的简单到中间项目
Tailwind Elements500+(所有变化)YesAngular, React, Solid, Svelte, Vue非常复杂的项目
Mamba UI150+(含所有变化)YesAngular, React, Svelte, Vue具有现代外观和感觉的简单到中级项目
Kutty21No任何与Tailwind CSSCSS兼容的内容具有标准组件的简单到中级项目
Sailboat UI150+(含所有变化)No任何与Tailwind CSSCSS兼容的内容具有标准组件的简单到中级项目
Hyper UI43Yes任何与Tailwind CSSCSS兼容的内容复杂界面的快速原型,如管理仪表板和电子商务商店
Tailwind Starter Kit15NoAngular, React, Vue要求最低的简单项目
Xtend UI34NoAngular, React, Vue专注于用户体验和可访问性的复杂动态用户界面

原文链接

翻译原文