All Projects → mallfoundry → taroify

mallfoundry / taroify

Licence: MIT license
Taroify 是移动端组件库 Vant 的 Taro 版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。

Programming Languages

typescript
32286 projects
SCSS
7915 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to taroify

Vant
Lightweight Mobile UI Components built on Vue
Stars: ✭ 18,852 (+4388.57%)
Mutual labels:  components, ui-kit, ui-library, vant
ngx-vant
Lightweight Mobile UI Components built on Vant and Angular
Stars: ✭ 34 (-91.9%)
Mutual labels:  ui-kit, ui-library, vant
Vitamin Web
Decathlon Design System libraries for web applications
Stars: ✭ 70 (-83.33%)
Mutual labels:  components, ui-kit, ui-library
react-vant
React mobile UI Components base on Vant
Stars: ✭ 627 (+49.29%)
Mutual labels:  components, ui-library, vant
taro3-vue3-template
一个基于 Taro3 和 Vue3 框架微信小程序模版。 核心技术采用Taro3、Vue3、TypeScript、NutUi、Vux4/Pinia、VueUse
Stars: ✭ 115 (-72.62%)
Mutual labels:  taro, vant, taro-ui
Shine Design
为开发者、设计师和产品经理准备的 UI 设计语言
Stars: ✭ 157 (-62.62%)
Mutual labels:  components, ui-kit
Vue Beauty
Beautiful UI components build with vue and ant design
Stars: ✭ 2,109 (+402.14%)
Mutual labels:  components, ui-kit
Element
A Vue.js 2.0 UI Toolkit for Web
Stars: ✭ 51,416 (+12141.9%)
Mutual labels:  components, ui-kit
TaroCreator
微信小程序 小程序模板 小程序可视化设计工具 Taro Taro UI
Stars: ✭ 60 (-85.71%)
Mutual labels:  taro, taro-ui
Leaf Ui
🍃 Leaf-UI: A react component library built using styled-components
Stars: ✭ 98 (-76.67%)
Mutual labels:  components, ui-library
design-systems
A list of famous design systems, design languages and guidelines
Stars: ✭ 403 (-4.05%)
Mutual labels:  ui-kit, ui-library
ui
We reinvent the UI for taro3+
Stars: ✭ 48 (-88.57%)
Mutual labels:  taro, taro-ui
Chat Ui Kit React
Build your own chat UI with React components in few minutes. Chat UI Kit from chatscope is an open source UI toolkit for developing web chat applications.
Stars: ✭ 131 (-68.81%)
Mutual labels:  components, ui-kit
React Rainbow
🌈 React Rainbow Components. Build your web application in a snap.
Stars: ✭ 1,662 (+295.71%)
Mutual labels:  components, ui-library
Viewui
A high quality UI Toolkit built on Vue.js 2.0
Stars: ✭ 2,487 (+492.14%)
Mutual labels:  components, ui-kit
Antv
Ant Design of Vue.js 2.0
Stars: ✭ 99 (-76.43%)
Mutual labels:  components, ui-kit
taro-icons
基于 Taro 的小程序图标库
Stars: ✭ 53 (-87.38%)
Mutual labels:  taro, taro-ui
taro-weapp
🎮一款提供餐桌,酒桌上小游戏的小程序。
Stars: ✭ 28 (-93.33%)
Mutual labels:  taro, taro-ui
sugui
UI Components library based on React, Styled Components and React Testing Library
Stars: ✭ 17 (-95.95%)
Mutual labels:  ui-kit, ui-library
React Native Elements App
Demo app for React Native Elements (w/ React Native Web)
Stars: ✭ 1,159 (+175.95%)
Mutual labels:  components, ui-kit

logo

轻量、可靠的小程序端 Taro React UI 组件库

介绍

Taroify 是移动端组件库 Vant 的 Taro React 版本,两者基于相同的视觉规范,提供近似一致的 API 接口,助力开发者快速搭建小程序应用。

特性

  • 🚀 性能极佳,组件平均体积小于 1KB(min+gzip)
  • 💎 60+ 个高质量组件,覆盖移动端主流场景
  • 💪 使用 TypeScript 编写,提供完整的类型定义
  • 💪 单元测试覆盖率超过 90%,提供稳定性保障
  • 📖 提供完善的中文文档和组件示例
  • 🍭 支持 React
  • 🍭 支持主题定制,内置 700+ 个主题变量
  • 🍭 支持按需引入和 Tree Shaking
  • 🌍 支持国际化和语言包定制

浏览器支持

支持现代浏览器以及 Chrome >= 51、iOS >= 10.0。

安装

在现有项目中使用 Taroify 时,可以通过 npm 进行安装

npm i @taroify/core

当然,你也可以通过 yarnpnpm 进行安装

yarn add @taroify/core

pnpm add @taroify/core

快速上手

import { Button } from "@taroify/core"
import "@taroify/core/button/style"

function Index() {
  return <Button color="primary">按钮</Button>
}

更多使用方式,请参考快速上手

贡献代码

修改代码请阅读我们的开发指南

使用过程中发现任何问题都可以提 Issue 给我们,当然,我们也非常欢迎你给我们发 PR

微信交流群

备注 "taroify" 加好友后邀请进群

QQ 交流群:861675189

贡献者

Vant 官方生态

由 Vant 官方团队维护的项目如下:

项目 描述
vant Vant Vue 版
vant-weapp Vant 微信小程序版
vant-demo Vant 官方示例合集
vant-cli 开箱即用的组件库搭建工具
vant-icons Vant 图标库
vant-touch-emulator 在桌面端使用 Vant 的辅助库

社区生态

由社区维护的项目如下,欢迎补充:

项目 描述
3lang3/react-vant 参照 Vant 打造的 React 移动端组件库
rc-ui-lib 参照 Vant 打造的 React 框架移动端组件库
vant-aliapp Vant 支付宝小程序版
taroify Vant Taro React 版
vant-theme Vant 在线主题预览工具
@antmjs/vantui 基于 Vant Weapp 开发的多端组件库,同时支持 Taro 和 React

赞助者

开发一个 UI 组件库是一项耗时的工作,尤其是要多端适配。Taroify 经常为此肝到深夜 ……

如果您认为 Taroify 帮助到了您的开发工作,您可以捐赠 Taroify 的研发工作,捐赠无门槛,哪怕是一杯可乐也好(相信这比打赏主播更有意义)。

支持者

@Yorksh1re @akazwz @Yang @coderYarn @蔡包 @王昆

鸣谢

Vant - 感谢 Vant 团队多年来的不断维护,让 Taroify 能够站在巨人的肩膀上。

WebStorm - 感谢 JetBrains 团队提供的集成开发环境,使得 Taroify 可以快速开发。

开源协议

本项目基于 MIT 协议,请自由地享受和参与开源。

友情推荐

项目 描述
mockm 一款优雅解决前端开发过程中各种接口问题的 nodejs 工具
taro-hooks 为 Taro 而设计的 Hooks Library
tarojs-router-next Taro 小程序路由库 / 自动生成带参数类型提示的路由方法 / 允许传递任意类型、任意大小的参数数据 / 同步的路由方法调用 / koa 体验一致的路由中间件
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].