返回工具栈
稳定
稳定样式系统
WeChatAlipayDouyinuni-appTaroMpxTailwind CSSMini Program
weapp-tailwindcss
把 Tailwind 写进小程序样式里
在现有小程序项目里用 Tailwind 类名。插件负责转换和体积相关约束，不替你改路由或打包流程。
维护者：sonofmagic and contributors
安装
适合需要在微信、支付宝、抖音小程序或跨端框架中复用 Tailwind CSS 工作流的前端团队。
pnpm add -D weapp-tailwindcss真实运行结果
以下截图来自项目官方仓库中的 demo 或回归基线，并在本站本地化保存。
工程证据
小程序样式接入
从一段真实的配置、命令或边界说明开始判断项目是否适合你的工程。
app.css稳定
@import 'tailwindcss';
/* classes stay in your templates */
<button class="px-4 py-2 text-white">
开始构建
</button>核心能力
- Tailwind CSS v4
- 多端模板转译
- 跨框架集成
- 编译性能优化
常见用法
- 01在小程序模板中使用 Tailwind CSS 原子类
- 02处理多平台模板和样式差异
- 03在 Taro、uni-app 等跨端项目中统一样式构建
支持平台
WeChatAlipayDouyinuni-appTaroMpx
相关项目
- 当前版本
- v5.3.5
- 2026年8月25日
- 周下载
- 1.2万
- GitHub Stars
- 1849
常见问题
weapp-tailwindcss 解决什么问题？
它把 Tailwind CSS 的原子化样式工作流适配到小程序和跨端框架，处理模板转译、样式生成和多平台差异。
weapp-tailwindcss 支持哪些项目？
它支持微信、支付宝、抖音小程序，并可用于 Taro、uni-app 等跨端框架项目。
未来文档路径
/docs/weapp-tailwindcss/
聚合文档上线后，此路径将成为 canonical 地址。