As UniApp becomes more popular, the supported UniApp
UI component libraries become more popular. Here are several supported UniApp
UI component libraries. Make your cross-terminal application development faster and more efficient
TMUI
High-quality Vue3 TS Pinia Vite cross-end component library, Uni App general component library cross-end component library, support NVUE native rendering, APP (Android, IOS), WeChat applet, H5, various applets; enjoy the extremely fast experience of vue3, enjoy TypeScript's strong type hints, powerful and fast performance, vite compilation speed is extremely fast; all components use the latest features, double the performance. Let uniapp run smoothly in native and applet applications, with an extremely silky experience.
Code address https://gitee.com/LYTB/tmui-design.git
uView UI
uView is an open-source uni-app ecosystem-specific UI framework following the MIT (opens new window) open source protocol. uni-app is a framework for developing all front-end applications using Vue.js. Developers write a set of codes that can be published to iOS, Android, H5, and various small programs (WeChat/Alipay/Baidu/Toutiao/QQ/DingTalk) and other platforms, 2.0 is fully compatible with nvue.
Code address https://github.com/umicro/uView2.0.git
vk-uview-ui
There are also people who support Vue3.0 and Vue2.0 while developing based on uViewUI ,
Code address https://gitee.com/vk-uni/vk-uview-ui.git
Also uview-plus
, it is a vue3 version modified based on uView2.x.
Code address https://github.com/ijry/uview-plus.git
You may also encounter some problems during use.
FirstUI
First UI is a componentized, reusable, easy-to-extend, low-coupling cross-platform mobile UI component library developed based on uni-app. Fully compatible with App-Nvue, App-vue, Mini Programs (WeChat, Alipay, Baidu, Byte, QQ), H5. The UI style is configurable, flexible to expand, easy to adapt to different design styles, 100+ rich components, which can meet the basic needs of mobile terminal development, provide common layouts out of the box, and greatly save development costs
Code address https://github.com/FirstUI/FirstUI.git
Tuniao UI
Tuniao UI is a UI framework developed based on uni-app. It provides a wealth of components for rapid development. It already supports H5 and WeChat applets, including common form components, information display components, etc., and provides a wealth of cool page templates. Contains basic and commonly used layout elements, flex, grid, float, a complete integrated color system, including 4 color depth modes, and also includes 4 sets of gradient colors, 30+ selected components, allowing developers to quickly develop, cool and commonly used Page templates, more eye-catching interface effects.
Code address https://gitee.com/TSpecific/tuniao-ui.git
The TuniaoUI open source version follows the Apache protocol, which means that you can apply the TuniaoUI open source version to your products without paying any fees or authorization, but you need to keep the TuniaoUI information.
ThorUI
Thor UI is a lightweight and concise mobile component library that contains dual versions of uni-app and native applets. Provide nearly a hundred high-quality components, covering various scenarios on the mobile terminal, so that your development efficiency can be doubled!
The native version of the ThorUI component library applet, the source code of the open source version is V1.4.2, and only paid members can use the subsequent updated version. ThorUI component library, uni-app version, v3 compilation, supports nvue uni-app compilation mode (original weex compilation mode), easycom component mode (no need to manually introduce, the development tool comes with intellisense)
Code address https://github.com/dingyong0214/ThorUI.git
Code address https://github.com/dingyong0214/ThorUI-uniapp.git
united ui
Needless to say, uni-ui is a cross-end ui library provided by DCloud. Everyone must have used it. It is a cross-full-end ui framework based on vue components, flex layout, and no dom.
Code address https://github.com/dcloudio/uni-app.git
Let's share the two used components uCharts
and mescroll-uni
.
uCharts
High-performance cross-platform chart library, supporting H5, APP, applets (WeChat applets, Alipay applets, DingTalk applets, Baidu applets, Toutiao applets, QQ applets, Kuaishou applets, 360 applets), Vue , Taro and more frame platforms that support canvas, supporting pie charts, donut charts, line charts, histograms, mountain charts, area charts, radar charts, arc progress charts, dashboards, K-line charts, bar charts, Mixed charts, rose charts, funnel charts, word cloud charts, time series charts, scatter charts, bubble charts, maps and other common charts.
Code address https://gitee.com/uCharts/uCharts.git
mescroll-uni
mescroll-uni is a component used in uni-app's pull-down refresh and pull-up loading. It supports a set of code compilation to multiple platforms such as iOS, Android, H5, and applets. It automatically judges and prompts that the list has no data or no more Data, no need to manually judge the page number, time and other variables of the processing list, support monitoring list scrolling events, and scroll smoothly to any position
Code address https://github.com/mescroll/mescroll.git