Tailwind CSS

敏捷开发良药

从使用者（开发者）的角度来说，是 Bootstrap 内置便捷工具类 (utilities) 的升级版。开箱即用的 CSS 类：更多、更美、更通用。

创始人的博文，讲述了我们写前端样式的进化历程，十分有同感： https://adamwathan.me/css-utility-classes-and-separation-of-concerns/

中文官网 http://tailwindcss.cn 的更新总是慢一拍，例如到目前为止都没出 3.x 版本的中文文档。

建议直接看英文官网 http://tailwindcss.com。

官方出的 UI 库 Tailwind UI

不是全部免费，但可以看他们怎么用 Tailwind 做出最佳实践。

可参考他们的付费 UI 组件截图，作为设计上的灵感，然后自己用 Tailwind 原生实现。

付费模式是终身买断制，个人非常认同这种定价方式。不像 Per Site / Per User 之类的做法那么恶心。

https://tailwindcss.com/blog/2022-06-23-tailwind-templates-and-all-access

https://tailwindui.com/templates

组件示例

都是非常完整好看的组件。 React 和 Vue 的代码都有，各种微前端子应用的基础布局和大区块的样式都可以用 Tailwind，非常方便，统一性更好。

https://tailwindui.com/components/preview

跟 Bootstrap 的对比

Tailwind 的界面感官上就非常贴合最新设计趋势。 我非专业设计师，说不出什么专业名词夸它。 但只以普通人的基本审美，孰优孰劣一看就知道。 Bootstrap 要加油啊，都 5.x 版本了设计风格还不愿意随大趋势。 当然，可能辨识度满满也是好处，有时看到网站的界面，定睛一看就知道是用了 Bootstrap，勾起满满回忆。