Taroify 是移动端组件库 Vant 的 Taro React 版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。
- 🚀 性能极佳,组件平均体积小于 1KB(min+gzip)
- 💎 60+ 个高质量组件,覆盖移动端主流场景
- 💪 使用 TypeScript 编写,提供完整的类型定义
- 💪 单元测试覆盖率超过 90%,提供稳定性保障
- 📖 提供完善的中文文档和组件示例
- 🍭 支持 React
- 🍭 支持主题定制,内置 700+ 个主题变量
- 🍭 支持按需引入和 Tree Shaking
- 🌍 支持国际化和语言包定制
现代浏览器以及 Android 4.0+, iOS 8.0+。
- 通过 npm 安装
npm i @taroify/core -S --production
- 通过 yarn 安装
yarn add @taroify/core --production
import { Button } from "@taroify/core"
import "@taroify/core/button/style"
function Index() {
return <Button color="primary">按钮</Button>
}
更多使用方式,请参考快速上手
修改代码请阅读我们的开发指南。
使用过程中发现任何问题都可以提 Issue 给我们,当然,我们也非常欢迎你给我们发 PR。
备注 "taroify" 加好友后邀请进群
- 部分图形设计来自BiscuitCoder
由 Vant 官方团队维护的项目如下:
项目 | 描述 |
---|---|
vant | Vant Vue 版 |
vant-weapp | Vant 微信小程序版 |
vant-demo | Vant 官方示例合集 |
vant-cli | 开箱即用的组件库搭建工具 |
vant-icons | Vant 图标库 |
vant-touch-emulator | 在桌面端使用 Vant 的辅助库 |
由社区维护的项目如下,欢迎补充:
项目 | 描述 |
---|---|
3lang3/react-vant | 参照 Vant 打造的 React 移动端组件库 |
mxdi9i7/vant-react | 基于 React 和 TS 构建的移动端组件库 |
vant-aliapp | Vant 支付宝小程序版 |
taroify | Vant Taro 版 |
vant-theme | Vant 在线主题预览工具 |
@antmjs/vantui | 基于 Vant Weapp 开发的多端组件库,同时支持 Taro 和 React |
项目 | 描述 |
---|---|
mockm | 一款优雅解决前端开发过程中各种接口问题的 nodejs 工具 |
taro-hooks | 为 Taro 而设计的 Hooks Library |
tarojs-router-next | Taro 小程序路由库 / 自动生成带参数类型提示的路由方法 / 允许传递任意类型、任意大小的参数数据 / 同步的路由方法调用 / koa 体验一致的路由中间件 |
Vant - 感谢 Vant 团队多年来的不断维护,让 Taroify 能够站在巨人的肩膀上。
WebStorm - 感谢 JetBrains 团队提供的集成开发环境,使得 Taroify 可以快速开发。
本项目基于 MIT 协议,请自由地享受和参与开源