The UI framework released by WeChat in the early years is a good choice for those who want to create applications that are familiar to WeChat users.
About WeUI
WeUI is a UI component library developed by Tencent's WeChat team . It is a set of basic style libraries consistent with WeChat's native visual experience. It is designed by WeChat's official design team for WeChat Web development. It runs on a series of applications such as H5 / applets , so this is also a mobile UI component library. I believe that many developers know that WeUI has been released for many years, and its development has been iterated to version v2.5.15. It is a mature, stable and elegant component library.
WeUI provides a set of ready-made components, such as buttons, forms, lists, and dialogs, which are optimized for mobile use and follow the visual style of WeChat. These components can be seen everywhere in the process of using WeChat and are very familiar to users.
Technical Features of WeUI
- Dozens of WeChat-style basic components are built in. These components are very simple in both design and user experience, and are highly accepted by users. Using these components directly saves developers a lot of time
- Built-in layout, typography system and icons. WeUI provides a variety of common layouts and graphic typesetting systems, which are very practical in development
- v2.2.0 added dark mode, controlled by adding attribute data-weui-theme
- As a pure UI component tool, WeUI can be used with development components such as Vue/React, or it can be used independently, depending on the developer's preference
- WeUI officially provides visual standard reference, and provides Sketch and PSD basic style library source files. Developers or designers can use WeUI-Design for prototype design, visual design, etc. of WeChat Web development
What are the advantages of WeUI compared with third-party component libraries?
When it comes to WeChat official account development or small program project development, I believe many developers immediately think of finding a large and comprehensive mobile UI component library like Vant . Of course, Vant is a very good UI library, but This is a set of component libraries specially built for mobile malls, and many official account activity pages or small programs implement a certain point of function, which is a very lightweight requirement. At this time, the advantages of WeChat's official WeUI come out:
Getting Started with WeUI Development
WeUI started as a UI development tool for the web, and it is very easy to use. Here is the easiest way to start: import css and js files into html:
Of course, it can also be introduced in the mainstream engineering way:
In addition to being on the web, WeUI has also developed several branches for developers to use on demand, namely:
- WeUI for applets (weui-wxss)
- WeUI for Work (Enterprise WeChat version)
- weui.js
- react-weui
Generally speaking, the current front-end development is still hot. The low-key, high-quality, simple-style UI component library like WeUI also has many usage scenarios, especially many fast pages, user form operation submission and other requirements, which can help developers quickly build Experience excellent applications and should not be forgotten by us.
Free Open Source and Commercial Instructions
WeUI is an open source project developed and maintained by the Tencent WeChat team. It is open sourced on GitHub under the MIT license . Any individual or company developer can freely use and modify the code.
Original link: https://www.thosefree.com/weui