WeUI：让 H5 看起来像微信原生页面的样式库

WeUI 是微信官方的前端基础样式库，目标是让 H5 页面和微信内的原生页面视觉一致。它提供按钮、单元格、表单、对话框、Toast、ActionSheet、进度条等基础样式，体量很轻，不强行绑框架。

它解决什么问题

微信内打开的 H5，如果样式和原生页面差太多，用户会觉得「跳戏」、不信任。

很多 UI 库体量重、绑框架，只想让页面看起来像微信原生，杀鸡用牛刀。

核心能力

轻量但能力有边界

WeUI 的定位是「基础样式」，不是完整组件库：组件数量不多，复杂交互（下拉刷新、无限滚动、高级表格）要自己补。它解决的是「视觉和微信一致」这个具体问题。

所以如果你要的就是 H5 看起来像微信原生页面，它是最省力的路径；如果要做功能复杂的小程序或 H5 应用，Vant Weapp 这类组件库更合适。

同类工具怎么选

谁适合用

• 做微信内 H5、希望视觉和微信原生一致的人
• 只要基础样式、不想引入重组件库的轻量项目
• 原生 JS 或任意框架、不愿被 UI 库绑死的项目

怎么开始

1. 在页面引入 WeUI 的 CSS 文件（CDN 或本地均可）。
2. 按文档类名套用按钮、单元格、表单等基础样式。
3. 小程序内用 weui-miniprogram 包，按组件方式引入。
4. Toast、ActionSheet 等交互按官方示例调用。
5. 需要复杂交互时在其基础上自行补充 JS 逻辑。

常见问题

能当完整组件库用吗？
不建议。它只做基础样式，复杂交互需自己补，重交互请选 Vant 等。

小程序能用吗？
能，提供 weui-miniprogram 小程序版本，按组件引入即可。

和框架冲突吗？
不冲突，它是纯样式库，可配合任意前端框架使用。

授权与合规

WeUI 以 MIT 协议开源，可用于商业与闭源项目；作为微信官方样式库，使用无付费门槛，保留版权声明即可。 官网：weui.io。