Thor UI - 支持原生小程序和 uni-app的輕量簡潔的免費(fèi)開源移動端 UI 組件庫
用來快速開發(fā)原生小程序或者通過 uni-app 來開發(fā)任何小程序甚至是 APP 的組件庫，但我很好奇中文名是不是譯作雷神 UI。
Thor UI 介紹
Thor UI 是一款開發(fā)移動端網(wǎng)頁應(yīng)用、小程序的前端 UI 組件庫，uni-app 版本還可以編譯成為安卓/ iOSAPP 應(yīng)用，特點(diǎn)是輕量、簡介，組件覆蓋比較全面，使開發(fā)更高效。
技術(shù)特性
提供近百個高質(zhì)量前端UI 組件，美觀優(yōu)雅，體驗成熟，覆蓋移動端大部分業(yè)務(wù)場景
默認(rèn)支持編譯發(fā)布到 APP 端 (iOS 和 Android)、H5、微信小程序、QQ小程序
支持使用新的技術(shù)，兼容Vue 3
內(nèi)置一套同樣簡潔漂亮的圖標(biāo)庫，數(shù)量也很多
支持按需引入，減少應(yīng)用打包體積
上手容易，官方提供用于學(xué)習(xí)的模板和示例工程
開發(fā)上手體驗和使用建議
自從微信推出了小程序，用完即走、簡潔輕量的理念被用戶接受以后，很多廠子也同步推出了自家的小程序，小程序開發(fā)也成為前端開發(fā)者必須掌握的技能了。
如今想到要開發(fā)小程序，一般都會用到 uni-app，這款號稱寫一次代碼，同時發(fā)布到各家小程序甚至是 APP 端的國產(chǎn)開發(fā)工具。我也在用 uni-app，開發(fā)效率、體驗的確有提高，特別是做小程序，很方便。但前些年生態(tài)還不夠好，導(dǎo)致很多業(yè)務(wù)組件只能自己寫，而現(xiàn)在隨著發(fā)展，很多組件庫已經(jīng)適配 uni-app 了，今天介紹的這款移動 UI 組件庫Thor UI，就是一款支持 uni-app 的組件庫。
Thor UI 有原生小程序版本和 uni-app 版本，原生版本的使用比較常規(guī)，下面主要說說 uni-app 版本的使用。
Thor UI 在 uni-app 插件市場可以一鍵導(dǎo)入 HBuilderX （uni-app 自家的開發(fā)IDE），可以快速創(chuàng)建工程，組件直接引入：
但一般會開啟easycom 組件模式，這是 uni-app 中的一種無需聲明自動引入組件的方式，支持自動樹搖優(yōu)化，很香。
Thor UI 提供了近百個常用的組件，組件介紹的右邊還能直觀地體驗組件的交互，使得理解簡單，同時文檔篇幅的很短很簡潔，開發(fā)體驗相對較好。
如果要發(fā)布到 APP 端，需要注意的是 uni-app 編譯有兩種方式，
基于 web view的 app-vue 模式，開發(fā)模式和常規(guī)的vue 開發(fā)網(wǎng)頁應(yīng)用沒有太大區(qū)別，復(fù)雜布局性能不夠好
基于 weex 的 app-nvue，有點(diǎn)類似 react-native，是把代碼編譯成原生的代碼來完成布局，性能很好，但語法和規(guī)范有限制
Thor UI 的基礎(chǔ)組件都支持 app-vue ，目前只有小部分支持 app-nvue。開發(fā)者可根據(jù)自己的需要選擇，但一般來說，app-vue 的方式開發(fā)起來效率更高，性能表現(xiàn)有問題的頁面在用 app-nvue ，這也是 uni-app 官方推薦的方式。
總的來說，Thor UI 是一款足夠優(yōu)秀的移動 UI 組件庫，把大量常用、美觀的 UI 組件適配到了 uni-app，讓開發(fā)者可以把代碼編譯到多個平臺發(fā)布，讓我們開發(fā)者多了一種選擇，也更快做出優(yōu)質(zhì)的產(chǎn)品，推薦大家體驗和使用。
如果還是想用原生小程序的模式開發(fā)，可以看看之前推薦過京東的Taro 和滴滴的Chameleon。
免費(fèi)商用和開源說明
Thor UI 基礎(chǔ)組件基于MIT 開源協(xié)議開放源碼，使用也完全免費(fèi)，并且可以商用。但主要注意的是，優(yōu)化版的 Thor UI 示例中的組件，需要付費(fèi)會員才能使用和商用。這部分官方有明確的描述：
如何區(qū)分哪些是基礎(chǔ)組件？
在官網(wǎng)的文檔目錄中，位于上方的組件ThorUI組件庫 就是基礎(chǔ)組件庫，數(shù)量也很多，足夠我們使用了。而往下的ThorUI示例（會員組件）下的組件，就是會員才能商用?；A(chǔ)免費(fèi)，高級付費(fèi)也算合理的模式，至少對Thor UI 的長久發(fā)展和維護(hù)提供了保障。
↓↓點(diǎn)【閱讀原文】獲取Thor UI官網(wǎng)地址。