1. Project Overview

Wot Design Uni

A uni-app component library built with Vue3 + TypeScript, inspired by the wot-design design system.

An Attractive, Lightweight uni-app Component Library

Developed with Vue3 + TS, offering 70+ high-quality components and supporting dark mode, internationalization, and custom themes.

2. Open Source License

Licensed under MIT

3. Screenshots

4. Feature Overview

The wot-design-uni component library is built with vue3 + Typescript and developed according to the wot design specifications. It provides 70+ high-quality components, supports dark mode, internationalization, and custom themes, and aims to provide developers with a consistent UI experience while improving development efficiency.

Features

• Multi-platform support, including WeChat Mini Programs, Alipay Mini Programs, DingTalk Mini Programs, H5, and APP.

• 70+ high-quality components covering mainstream mobile application scenarios.

• Built with Typescript, providing a well-designed component type system.

• Supports internationalization with 6 built-in language packs.

• Provides comprehensive documentation and component examples.

• Supports theme customization by modifying CSS variables.

• Supports Dark Mode

Multi-Platform Support

Supports WeChat Mini Programs, Alipay Mini Programs, DingTalk Mini Programs, H5, APP, and other platforms.

70+ Components

More than 60 high-quality components covering mainstream mobile application scenarios.

TypeScript Support

Built with Typescript, providing a well-designed component type system.

Supports Internationalization

Supports internationalization with 6 built-in language packs.

Provides comprehensive documentation and component examples.

Documentation and component examples provide developers with reliable support throughout development.

Supports Dark Mode and Theme Customization

Supports custom CSS variables and component styles.

5. Tech Stack

A uni-app component library built with Vue3 + TypeScript, inspired by wot-design.

Which platforms are currently supported?

Currently supports WeChat Mini Programs, Alipay Mini Programs, DingTalk Mini Programs, H5, APP, and other platforms.

Installation Guide

Wot Design Uni provides two installation methods: uni_modules and npm. Choose the one that best suits your needs.

• Installing via uni_modules requires no additional configuration and works out of the box. However, when updating the component library, you need to handle code differences (usually, simply overwriting the existing files is sufficient).

• Installing via npm requires additional configuration, but no code differences need to be handled when updating the component library.

Quick start

See the README.md documentation for details