搜索你想找的开源项目

输入名称、用途或关键词,也可粘贴 GitHub 仓库链接

分享到微信

当前解读页的微信分享二维码

用微信扫一扫打开,点击右上角「···」分享给朋友或朋友圈。

手机上可截屏后,在微信扫一扫中从相册识别二维码。

tailwindlabs/tailwindcss

开发工具

用可组合的工具类快速构建自定义界面的原子化 CSS 框架,适合需要精细控制样式的前端开发者。

98,135
7,082
TypeScript
MIT
创建于 9 年前

项目介绍

Tailwind CSS 是一个 utility-first(原子化)CSS 框架:它不提供成体系的组件样式,而是给出一组低层工具类,由开发者组合出自己想要的界面。适合希望在标记里直接控制样式、又不想维护大量自定义 CSS 的前端开发者。项目描述与 Topics 指向响应式设计和 functional CSS,构建流程基于 PostCSS 与现代前端工具链。

快速使用

README 中没有安装命令,完整用法需要查阅官方文档。建议从文档里按所用框架选择对应的安装指南,完成配置后在模板中使用工具类构建界面。版本与更新说明见发布页,包信息见 npm。

仓库中可直接使用的入口:

由于 README 没有给出具体的安装与配置步骤,精确命令和文件名应以文档为准,不能从本条目推断。

使用约束

框架以 TypeScript 实现的包分发,运行在 JS/PostCSS 构建管线中,具体配置随框架和构建工具而异。仓库采用 MIT 许可证(见 LICENSE)。现有材料未提及其他平台、权限或数据处理方面的限制。

社区讨论

2021 年关于 Tailwind CSS v2.2 的 Hacker News 讨论记录了实际使用中的构建耗时问题。一位评论者称,引入 Tailwind 后其 Ember 应用构建时间从 60 秒涨到约 7–8 分钟,并且 JIT 出现奇怪 bug 导致他们将其关闭(评论)。维护者 adamwathan 在回复中认为,慢的根源是构建工具处理超大 CSS 文件吃力,而非 CSS 生成本身(回复)。另有评论者表示 JIT 大幅缩短了构建时间(评论)。这些说法针对旧版本,属于个人观点,不代表当前版本的表现。

HotRepo 点评

仓库目前有 98,099 Star 和 7,076 Fork。HotRepo 在 2026-08-04 至 2026-11-06 之间记录了四次日榜快照:2026-08-05 和 2026-08-06 各新增 408 Star,2026-11-06 以当日新增 145 Star 出现在 TypeScript 日榜第 18 名。站内没有全部语言日榜名次记录,快照间隔较大,也还不足以判断趋势。更有参考价值的是 2021 年的讨论:开发阶段生成的 CSS 体积会显著影响构建耗时,因此配置方式的取舍比类名写法本身更值得注意。

本文由 AI 根据项目 README 生成,更新于 ,以项目官方文档为准。

Hacker News 讨论

Tailwind CSS v2.2
▲ 38 · 11 条评论 · 2021年6月17日