weapp-tailwindcss

weapp-tailwindcss makes Tailwind CSS work inside WeChat mini-programs, which normally choke on Tailwind's class names because their CSS engines reject the special characters and selectors Tailwind generates. The plugin rewrites those class names into something mini-programs accept, converts values into rpx (the unit mini-programs use for sizing), and lets the same styling code ship to WeChat, Alipay, and Douyin mini-programs plus regular web. MIT-licensed, free, on npm.

There's no service to run. It's a build-step plugin that hooks into Vite, Webpack 5, or Rspack and works with the uni-app, Taro, and Mpx frameworks. It supports Tailwind v3 and v4 and ships a stack of companion packages for class merging, variants, and mini-program UI components, so it's more an ecosystem than a single shim.

Solo: if you're building a mini-program and want Tailwind, this is the standard way to do it. Small teams: same, it removes a whole category of styling friction. Large teams shipping cross-platform mini-programs: this is close to mandatory if you've standardized on Tailwind.

The catch: the audience is narrow. Outside the Chinese mini-program ecosystem this solves a problem you'll never have, and the documentation leans Chinese-first, so non-Chinese-reading teams will spend extra time in translation. If you're not shipping to WeChat or its cousins, skip it.