---
layout: home

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

hero:
  name: Wot UI
  text: 高颜值、轻量化的uni-app组件库
  tagline: 基于Vue3+TS开发，提供70+高质量组件，支持暗黑模式、国际化和自定义主题。
  image:
    src: /logo.png
    alt: Wot Design
  actions:
    - theme: brand
      text: 起步 🚀
      link: /guide/introduction
    - theme: alt
      text: 常见问题
      link: /guide/common-problems
    - theme: alt
      text: 组件列表
      link: /component/button
    - theme: brand
      text: 🥤一杯咖啡
      link: /reward/reward
    - theme: brand
      text: ✨上手模板
      link: "https://starter.wot-ui.cn/"

features:
  - icon: 🎯
    title: 多平台覆盖
    details: 支持 微信小程序、支付宝小程序、钉钉小程序、H5、APP 等平台。
  - icon: 🚀
    title: 70+ 组件
    details: 超过 70 个高质量组件，覆盖移动端主流场景。
  - icon: 💖
    title: 提供快速上手模板
    details: Wot UI 提供了基于 vitesse-uni-app 深度整合 Wot UI 组件库的快速启动模板。
    link: "https://starter.wot-ui.cn/"
    linkText: "查看 Wot Starter"
  - icon: 💪
    title: TypeScript 支持
    details: 使用 Typescript 构建，提供良好的组件类型系统。
  - icon: 🌍
    title: 支持国际化
    details: 支持国际化，内置 15 种语言包。
  - icon: 📖
    title: 提供丰富的文档和组件示例
    details: 文档和组件示例为开发者提供稳定的后勤保障。
  - icon: 🍭
    title: 支持暗黑模式和主题定制
    details: 可以定制css变量以及组件的样式自定义。
  - icon: 🍿
    title: 最佳实践分享
    details: 通过公众号『阿鱼聊前端』不定期分享一些使用 Wot UI 相关的最佳实践。
    link: "./guide/join-group.html#微信公众号"
    linkText: "查看公众号"

footer: false
---