WeUI

WeUI is a foundational style library designed by the official WeChat design team to provide a visual experience consistent with native WeChat interfaces. It is specifically tailored for WeChat web services to ensure a unified user perception.

Key UI elements included in the library:

• button
• cell
• dialog
• progress
• toast
• article
• actionsheet
• icon

WeUI is a UI framework officially designed by the WeChat Design Team, specifically tailored for WeChat Web development. It aims to standardize and improve the user experience for WeChat users by providing a set of consistent components.

Key components included in the framework are:

• button
• cell
• dialog
• progress
• toast
• article
• actionsheet
• icon

Depending on your target platform, you may need a specific version of the WeUI ecosystem:

• WeChat Mini Programs: Use weui-wxss for WeChat Mini Program development.
• WeChat Work (Enterprise WeChat): Refer to the official API documentation.
• JavaScript Implementation: For a JS-based approach, see weui.js.
• React Integration: For React applications, use react-weui.

To implement WeUI components correctly, refer to the following official resources:

• Technical Documentation: Detailed usage and implementation guides can be found on the WeUI Wiki.
• Design Reference: For visual specifications and design guidelines, use the weui-design repository.
• Live Demo: You can view and interact with the components at https://weui.io. For older versions, legacy demos are available at https://weui.io/1.x and https://weui.io/0.4.x.

For detailed technical implementation and design specifications, refer to the following resources:

• Technical Documentation: Consult the Wiki for usage instructions and component details.
• Visual Standards: Refer to weui-design for the official design specifications.

Depending on your development environment, you may want to use one of the following specialized versions or integrations:

• WeChat Mini Programs: Use weui-wxss for WXSS-based styling.
• WeCom (Enterprise WeChat): Refer to the official WeCom API documentation.
• JavaScript Integration: Use weui.js for enhanced JS functionality.
• React Integration: Use react-weui for React-based applications.

You can preview the WeUI components and their visual styles online at the following URLs:

• Current Version: https://weui.io
• Legacy Version 1.x: https://weui.io/1.x
• Legacy Version 0.4.x: https://weui.io/0.4.x