5 open source UI frameworks for Uniapp rapid development of applets

As UniApp becomes more popular, the supported UniAppUI component libraries become more popular. Here are several supported UniAppUI 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-uiThere 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 uChartsand 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

Guess you like

Origin blog.csdn.net/shi15926lei/article/details/131228222