vue 組件庫

http://blog.csdn.net/helpzp2008/article/details/51507428    eslint規則校驗的中文翻譯css

 

 

https://www.iviewui.com/html

vux github ui demo:https://github.com/airyland/vux前端

Mint UI

項目主頁:http://mint-ui.github.io/#!/zh-cn
demo:http://elemefe.github.io/mint-ui/#/
github地址:https://github.com/ElemeFE/mint-ui
中文文檔地址:http://mint-ui.github.io/docs/#!/zh-cnvue

iview

iView 配套的工做流:https://github.com/icarusion/vue-vueRouter-webpack
github地址:https://github.com/iview/iview
官網:https://www.iviewui.com/webpack

vue-mui

官網:http://mui.yaobieting.com/
github地址:https://github.com/creatshare/vue-muigit

radon-ui

中文文檔:https://luojilab.github.io/radon-ui/#!/
github:https://github.com/luojilab/radon-uigithub

antd vue

中文文檔:http://okoala.github.io/vue-antd/#!/components
github:https://github.com/okoala/vue-antdweb

weex

社區:http://www.weex.help/
官網:http://weex-project.io/cn/
github:https://github.com/alibaba/weex
中文文檔:http://www.weex.help/topic/57792770eb60516a48db5485vue-router

element(餓了麼後臺)

Element 是由餓了麼UED設計、餓了麼大前端開發的一套基於 Vue 2.0 的桌面端組件庫。api

官網:http://element.eleme.io/#/zh-CN
餓了麼github:http://github.com/elemefe

N3

官網:https://n3-components.github.io/N3-components/
中文文檔:https://n3-components.github.io/N3-components/component.html
英文文檔:https://github.com/N3-components/N3-components

vuikit

github:https://github.com/vuikit/vuikit
英文文檔:https://vuikit.js.org/#/

 

 

https://zhuanlan.zhihu.com/p/25689018  

Weex

2016年4月21日,阿里巴巴在Qcon大會上宣佈跨平臺移動開發工具Weex開放內測邀請。

Weex

是一套簡單易用的跨平臺開發方案,能以 web 的開發體驗構建高性能、可擴展的 native 應用,爲了作到這些,Weex 與 Vue

合做,使用 Vue 做爲上層框架,並遵循 W3C 標準實現了統一的 JSEngine 和 DOM API,這樣一來,你甚至可使用其餘框架驅動

Weex,打造三端一致的 native 應用。

Weex可以完美兼顧性能與動態性,支持iOS、安卓、YunOS及Web等多端部署。

其工做原理

Weex

表面上是一個客戶端技術,但實際上它串聯起了從本地開發環境到雲端部署和分發的整個鏈路。開發者首先能夠在本地像撰寫 web 頁面同樣撰寫一個

app 的頁面,而後編譯成一段 JavaScript 代碼,造成 Weex 的一個 JS bundle;在雲端,開發者能夠把生成的 JS

bundle 部署上去,而後經過網絡請求或預下發的方式傳遞到用戶的移動應用客戶端;在移動應用客戶端裏,WeexSDK 會準備好一個

JavaScript 引擎,而且在用戶打開一個 Weex 頁面時執行相應的 JS bundle,並在執行過程當中產生各類命令發送到 native

端進行的界面渲染或數據存儲、網絡通訊、調用設備功能、用戶交互響應等移動應用的場景實踐;同時,若是用戶沒有安裝移動應用,他仍然能夠在瀏覽器裏打開一個相同的

web 頁面,這個頁面是使用相同的頁面源代碼,經過瀏覽器裏的 JavaScript 引擎運行起來的。

Mint UI

基於 Vue.js 的移動端組件庫

Mint UI 包含豐富的 CSS 和 JS 組件,可以知足平常的移動端開發須要。經過它,能夠快速構建出風格統一的頁面,提高開發效率。

真正意義上的按需加載組件。能夠只加載聲明過的組件及其樣式文件,無需再糾結文件體積過大。

考慮到移動端的性能門檻,Mint UI 採用 CSS3 處理各類動效,避免瀏覽器進行沒必要要的重繪和重排,從而使用戶得到流暢順滑的體驗。

依託 Vue.js 高效的組件化方案,Mint UI 作到了輕量化。即便所有引入,壓縮後的文件體積也僅有 ~30kb (JS + CSS) gzip。

vue-carbon

基於 vuejs 1.0 開發 material design 風格的移動端 WEB UI 庫

使用文檔地址 介紹 | Vue Carbon 使用文檔

Muse-UI

基於 Vue 2.0 和 Material Desigin 的 UI 組件庫

特性

1.組件豐富

Muse UI 基本實現了 Material Design 設計規範類的全部組件,另外還開發許多的功能性的組件

2.可定製

Muse UI 使用less文件,全部的顏色都有一個變量維護,經過編寫 less 文件完成自定義主題,另外組件內部也提供一些修改效果的參數

3.基於 Vue 2.0

Muse UI 基於 Vue2.0 開發,Vue2.0是當下最快的前端框架之一,小巧,api友好,可用於開發的複雜單頁應用

VUWE

vuwe是一款基於微信WeUI所開發的,專用於Vue2的組件庫。

它與WeUI徹底解耦。用戶經過自定義WeUI的樣式文件,能夠方便地對VUWE實現定製化。

vue-mobile

vue-mobile is an UI Framework build with Vue.js for SPA:

Full Page Structure - header, content, footer

Page transition support by vue-router

Bunch of Powerful Components, easy to use and extend

high performance CSS3 Animation

1px border for all components - as well as round border

Write with Vue - the most important

vonic

一個基於 vue.js 和 ionic 樣式的 UI 框架,用於快速構建移動端單頁應用。

和 ionic 的關係:沒有關係,只是在樣式方面以 ionic 的 css 文件爲基礎(作了一些調整)

vux

Vux(讀音 [v'ju:z],同views)是基於WeUI和Vue(2.x)開發的移動端UI組件庫,主要服務於微信頁面。

基於webpack+vue-loader+vux能夠快速開發移動端頁面,配合vux-loader方便你在WeUI的基礎上定製須要的樣式。

vux-loader保證了組件按需使用,所以不用擔憂最終打包了整個vux的組件庫代碼。

vux並不徹底依賴於WeUI,可是儘可能保持總體UI樣式接近WeUI的設計規範。最初目標是建立一個易用,實用,美觀的移動端UI組件庫,如今離理想狀態還有很多距離,所以須要你們及時反饋問題及貢獻代碼。

相關文章
相關標籤/搜索