Taro UI is an MIT-licensed component library for developers building cross-platform interfaces with the Taro framework, delivering one set of components that runs on WeChat, Alipay and Baidu mini programs, H5 and React Native.

What it is

Taro UI is a multi-end UI component library written in TypeScript and built on top of Taro, the multi-platform development solution from 凹凸实验室. It ships ready-made components that you import directly into a Taro project — for example import { AtButton } from 'taro-ui' — and it is published to npm as the taro-ui package, with documentation hosted at https://jd-opensource.github.io/taro-ui/.

The problem it addresses is the cost of writing separate code for every target platform. Because Web, React Native and mini programs such as WeChat's all have different runtimes, teams otherwise maintain several parallel codebases. Taro's compilation tooling lets a single source tree be compiled to each target, and Taro UI supplies the interface layer for that workflow, so the same components adapt and run across 微信小程序, 支付宝小程序, 百度小程序, H5 and ReactNative rather than being reimplemented per end.

Key capabilities

• One set of components adapts and runs on WeChat mini program, Alipay mini program, Baidu mini program, H5 and ReactNative from a single codebase.
• Components are consumed through ordinary imports, such as AtButton, and follow APIs the README describes as friendly and flexible to use.
• Two version lines match the underlying framework: npm install [email protected] for Taro versions below 3, and npm install taro-ui@latest for Taro versions 3 and above.
• An AI Native skill can be installed with npx skills add https://raw.githubusercontent.com/jd-opensource/taro-ui/master/packages/taro-ui-guide/SKILL.md.
• Official usage documentation and an official example project are published, the demo living at https://github.com/NervJS/taro-ui-demo.
• A QR code in the README lets readers scan and try the components inside the WeChat ecosystem directly.
• Contribution is structured through a contributing guide at .github/CONTRIBUTING.md, a ROADMAP.md, and an issue tracker currently holding 509 open issues.

Who uses it and how

• Developers extending Taro applications who need interface components that behave consistently across mini programs and H5 from one source tree.
• Teams targeting several mini program platforms at once — WeChat, Alipay and Baidu — without maintaining a separate component set for each.
• Projects still on Taro versions below 3 that pin [email protected], alongside projects on Taro 3 and later that take taro-ui@latest.
• Contributors and adopters following the roadmap, whose current focus is a Monorepo refactor, CSS precompilation and Taro v4 compatibility verification.
• Developers seeking help through the project's issue tracker, its WeChat communication group linked from issue #16, and the Taro-UI section of the Taro forum.

Getting started

Install the package with npm install taro-ui@latest for Taro 3 or newer (or npm install [email protected] for older Taro versions), then import the components you need, such as AtButton, and follow the documentation.

How it compares

The provided facts list no paid products this project replaces, and no comparable component libraries are named alongside it. It therefore stands alone in this registry.

When to use it — and when not

Because it is a component library under the MIT licence, adopting it means operating no database, storage or SMTP of your own; the real commitment is to the Taro toolchain and its compilation targets. Do not choose it if you are not building on Taro, or if you need Taro v4 support today, since compatibility verification is still in progress on the roadmap. Note also the 509 open issues and the README's statement that the project is actively recovering maintenance, so expect rough edges while the Monorepo refactor and CSS precompilation land.

$ npm install [email protected]

$ npm install taro-ui@latest

import { AtButton } from 'taro-ui'

npx skills add https://raw.githubusercontent.com/jd-opensource/taro-ui/master/packages/taro-ui-guide/SKILL.md