Moonofweisheng/wot-design-uni

TypeScriptwot-ui.cn

一个基于Vue3+TS开发的uni-app组件库,提供70+高质量组件,支持暗黑模式、国际化和自定义主题。

uni-appvue3wot-design-unicomponentsvue3-componentsdark-modemini-programminiprogram
Crescimento de estrelas
Estrelas
2.3k
Forks
339
Crescimento semanal
+2
Issues
358
1k2k
ago. de 2023ago. de 2024ago. de 2025set. de 2026
Artefatosnpm
README

logo

Wot UI

简体中文 | English

📱 一个基于vue3+Typescript构建,参照wot-design打造的uni-app组件库

GitHub Repo stars Atomgit Repo stars GitHub npm npm actions-cool deploy-status

🚀 文档网站 (推荐)  ✈️ 文档网站(cloudflare)  🔥 文档网站 (Netlify)

✨ 特性

  • 🎯 多平台覆盖,支持 微信小程序、支付宝小程序、钉钉小程序、H5、APP 等.
  • 🚀 80+ 个高质量组件,覆盖移动端主流场景.
  • 💪 使用 Typescript 构建,提供良好的组件类型系统.
  • 🌍 支持国际化,内置 15 种语言包.
  • 📖 提供丰富的文档和组件示例.
  • 🎨 支持修改 CSS 变量实现主题定制.
  • 🍭 支持暗黑模式.

📱 预览

扫描二维码访问演示,注意:因微信审核机制限制,当前的微信小程序示例可能不是最新版本,可以 clone 代码到本地预览。

快速上手

详细说明见 快速上手

链接

优秀案例

这里我们收集了一些优秀的案例,欢迎大家体验!

我们也非常欢迎大家一起贡献优秀的 Demo 与案例,欢迎在此 issue 提交案例。

周边生态

项目 描述
wot-starter 基于 vitesse-uni-app 的 wot-ui 快速起手项目
wot-ui-intellisense wot-ui vscode 代码提示插件
awesome-uni-app 多端统一开发框架 uni-app 优秀开发资源汇总
create-uni 快速创建 uni-app 项目
wot-starter-retail 基于 wot-ui 的 uni-app 零售行业模板
Wot UI Snippets wot-ui 代码块提示
uni-mini-ci 一个 uni-app 小程序端构建后支持 CI(持续集成)的插件
uni-mini-router 一个基于 vue3 和 Typescript 的轻量级 uni-app 路由库
unibest 基于 wot-ui 的 uni-app 模板
wot-design-uni AI 助手 一个能回答你关于 wot-ui 组件库问题的智能助手
uni-ku-root 一个模拟 App.vue 原有能力的根组件插件

贡献指南

修改代码请阅读我们的 贡献指南

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

贡献者们

感谢以下所有给 Wot UI 贡献过代码的 开发者

❤️ 赞助商

感谢赞助商对 Wot UI 开源项目的支持!

想在这里展示您的品牌?

AI原生架构 Java全栈框架 AI原生架构 Java全栈框架
TorchAI TorchAI — 面向开发者与团队的高速、稳定大模型统一 API 网关。

捐赠本项目

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

如果您认为 Wot UI 帮助到了您的开发工作,您可以捐赠 Wot UI 的研发工作,捐赠无门槛,哪怕是一杯可乐也好。

捐赠后您的昵称、留言等将会展示在捐赠榜单中。

爱发电捐赠

https://afdian.com/a/weisheng233

扫码捐赠

鸣谢

  • wot-design - 感谢 wot-design 团队多年来的不断维护,让 wot-design-uni 能够站在巨人的肩膀上。
  • uni-helper - 感谢 uni-helper 团队提供的 uni-app 工具库,让 wot-design-uni 能够更方便地使用。
  • 捐赠者 - 感谢所有捐赠者,是你们的捐赠让 wot-design-uni 能够更好地发展。

开源协议

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

Star History Chart

Repositórios relacionados
dcloudio/uni-app

A cross-platform framework using Vue.js

JavaScriptnpmApache License 2.0uni-appvue
uniapp.dcloud.io
41.6k3.7k
buuing/lucky-canvas

🎖🎖🎖 基于 TS + Canvas 开发的【大转盘 / 九宫格 / 老虎机】抽奖插件,🌈 一套源码适配多端框架 JS / Vue / React / Taro / UniApp / 微信小程序等,🎨 奖品 / 文字 / 图片 / 颜色 / 按钮均可配置,支持同步 / 异步抽奖,🎯 概率前 / 后端可控,🚀 自动根据 dpr 调整清晰度适配移动端

TypeScriptnpmApache License 2.0vuelucky-draw
100px.net
8.8k1k
jin-yufeng/mp-html

小程序富文本组件,支持渲染和编辑 html,支持在微信、QQ、百度、支付宝、头条和 uni-app 平台使用

JavaScriptnpmMIT Licenseminiprogramrich-text
jin-yufeng.github.io/mp-html
3.7k529
dcloudio/hello-uniapp

uni-app框架演示示例

VuetutorialMIT Licensevueuni-app
uniapp.dcloud.net.cn
3k1.7k
codercup/unibest

unibest - 最好用的 uniapp 开发框架。unibest 是由 uniapp + Vue3 + Ts + Vite4 + UnoCss + UniUI 驱动的跨端快速启动模板,使用 VS Code 开发,具有代码提示、自动格式化、统一配置、代码片段等功能,同时内置了大量平时开发常用的基本组件,开箱即用,让你编写 uniapp 拥有 best 体验。

TypeScriptnpmMIT Licensetemplateuni-app
codercup.github.io/unibest-docs/
2.9k291
dingyong0214/ThorUI-uniapp

ThorUI组件库,轻量、简洁的移动端组件库。组件文档地址:https://thorui.cn/doc

VueMIT Licenseuni-appvue
2.8k392
feige996/unibest

【这是新仓库,codercup那个进不去不维护了。】unibest - 最好用的 uniapp 开发框架。unibest 是由 uniapp + Vue3 + Ts + Vite5 + UnoCss + WotUI 驱动的跨端快速启动模板,使用 VS Code 开发,具有代码提示、自动格式化、统一配置、代码片段等功能,同时内置了大量平时开发常用的基本组件,开箱即用,让你编写 uniapp 拥有 best 体验。

VueMIT Licensetemplateuniapp
unibest.tech
2.2k262
dcloudio/uni-ui

基于uni-app的、全端兼容的、高性能UI框架

JavaScriptnpmMIT Licenseui-kitui-library
uniapp.dcloud.io/component/uniui/uni-ui.html
2.1k661
sonofmagic/weapp-tailwindcss

Bring Tailwind CSS to every platform! 把 Tailwind CSS 的原子化开发体验带到全端!

TypeScriptnpmMIT Licensempweapp
tw.weapp.dev
1.9k102
raodv/captcha

行为验证码(滑动拼图、点选文字),前后端(java)交互,包含h5/Android/IOS/flutter/uni-app的源码和实现

JavaMavenApache License 2.0javavue
captcha.anji-plus.com
1.7k374
ZainZhao/HIS

HIS英文全称 hospital information system(医疗信息就诊系统),系统主要功能按照数据流量、流向及处理过程分为临床诊疗、药品管理、财务管理、患者管理。诊疗活动由各工作站配合完成,并将临床信息进行整理、处理、汇总、统计、分析等。本系统包括以下工作站:门诊医生工作站、药房医生工作站、医技医生工作站、收费员工作站、对帐员工作站、管理员工作站。需求为东软提供的云医院。

JavaMavenApache License 2.0javaspring-boot
eatoffer.cn
1.6k601
SmileZXLee/uni-z-paging

【uni-app下拉刷新、上拉加载】高性能,全平台兼容(ios、安卓、鸿蒙next、h5以及各家小程序)。支持vue、nvue、vue2、vue3,使用wxs+renderjs实现。支持虚拟列表,支持自定义下拉刷新、上拉加载更多,支持自动管理空数据图、点击返回顶部,支持聊天分页、本地分页,支持国际化等数百项配置,流畅渲染百万级列表数据。

JavaScriptnpmlibraryMIT Licenseuni-apppaging
z-paging.zxlee.cn
1.5k101