为什么使用 Tailwind.css
  • html 与 css 融为一体
  • 强大的原子class
  • 生产环境按需按需构建
  • 完整的响应式布局
  • 支持hover以及focus状态
  • 在前端框架实现充分复用
  • 使用@apply融入业务css
  • 支持深色模式
  • 通过配置易于扩展、调整和改变
  • 支持 CSS grid 以及更多的现代选择器,例如 :focus-visible
  • VSCode 集成代码片段提示
  • 付费或者免费的组件库代码片段
  • 组合 figma 使用
中文站

Tailwind CSS - 无需离开您的HTML,即可快速建立现代网站。

UI库

Free Tailwind Components For Your Next Project.

组合 figma 使用

打开 Figma,随便找一个区域,选中,插件,Figma to Code, Tailwind 2。

Tailwind.css 体验总结_前端