Stable

weapp-tailwindcss

Bring Tailwind CSS to every mini-app platform

Use a familiar Tailwind CSS workflow across mini-apps and cross-platform frameworks, with platform-aware transforms, runtime values, and optimized builds.

Read the docs View source View on npm

React Vite Tailwind CSS v4 mini-program target rendering — Mini-program target output from the official regression suite.

Install

Frontend teams that want one Tailwind CSS workflow across mini-apps and cross-platform projects.

pnpm add -D weapp-tailwindcss

Real runtime output

These images come from official project demos or regression baselines and are stored locally on this site.

React Vite Tailwind CSS v4 Web target rendering — Web target output from the same case, used to verify cross-platform parity.

Core capabilities

Tailwind CSS v4
Template transforms
Framework integrations
Build optimization

Common use cases

01Use Tailwind CSS utilities in mini-app templates
02Handle platform-specific template and style differences
03Share a styling build across Taro and uni-app projects

Platforms

WeChatAlipayDouyinuni-appTaroMpx

Current versionv5.4.2Aug 31, 2026

Weekly downloads10.6K

GitHub Stars1.9K

Frequently asked questions

What problem does weapp-tailwindcss solve?

It adapts Tailwind CSS utility workflows to mini-apps and cross-platform frameworks while handling template transforms, style generation, and platform differences.

Which projects can use weapp-tailwindcss?

It supports WeChat, Alipay, and Douyin mini-apps, as well as cross-platform projects built with Taro and uni-app.

Future documentation path

`/docs/weapp-tailwindcss/`

This path will become canonical when aggregated documentation launches.