天天看點

移動端UI 最全的移動WEB前端UI架構 Amaze UI

最全的移動WEB前端UI架構

Amaze UI

Amaze UI是一個輕量級(所有CSS和JS gzip後100kB左右)、Mobile first的前端架構, 基于開源社群流行前端架構編寫。

Amaze UI Github位址:https://github.com/amazeui/amazeui

Amaze UI官網:http://amazeui.org/

Frozen UI

Frozen UI 是一個簡單易用,輕量快捷,為移動端服務的前端架構,專注于移動web的UI架構,基于騰訊手機QQ規範。

Frozen UI Github位址:http://frozenui.github.io/

SUI

SUI是一套基于bootstrap開發的前端元件庫,同時她也是一套設計規範。通過SUI,可以非常友善的設計和實作精美的頁面。

SUI官網:http://sui.taobao.org/

ZUI

ZUI是一個開源前端實踐方案,幫助你快速構現代跨屏應用。

ZUI Github位址:https://github.com/easysoft/zui

H-ui

H-ui前端架構是在bootstrap的思想基礎上基于 HTML、CSS、JAVASCRIPT開發的輕量級web前端架構,開源免費,簡單靈活,相容性好,滿足大多數中國網站。

H-ui Github位址:https://github.com/jackying

pure.css

pure.css 一組小,響應CSS子產品,您可以使用在每一個web項目

pure.css Github位址:https://github.com/yahoo/pure/

UIkit

UIkit是YOOtheme團隊開發的一款輕量級、子產品化的前端架構,可快速建構強大的前端web界面。UIKit使用的變量基于LESS,具有體積小、子產品化、可輕松地自定義主題及響應式設計可在多種環境中使用等特點。UIkit中文網為廣大國内開發者提供詳盡的中文文檔、代碼執行個體等,幫助開發者快速掌握并使用這一架構。

UIkit Github位址:https://github.com/uikit/uikit

Bootstrap

Bootstrap是Twitter推出的一個用于前端開發的開源工具包。它由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML架構。目前,Bootstrap最新版本為3.0 。Bootstrap中文網緻力于為廣大國内開發者提供詳盡的中文文檔、代碼執行個體等,助力開發者掌握并使用這一架構。

Bootstrap中文網:http://www.bootcss.com/

拼圖

拼圖号稱中國版的Bootstrap,優秀的跨屏響應式布局前端開發架構(CSS架構),國内前端架構先驅及上司者,能自動适應電腦、平闆、手機等裝置,讓web前端開發更簡單、快速、便捷。

拼圖官網:http://www.pintuer.com/

Plane UI

Plane UI是一個建構 HTML5 應用的跨終端響應式前端界面架構及解決方案。

Plane UI Github位址:https://pandao.github.io/planeui/

Foundation

Foundation 5是我們最快、最好的建構。多用的功能來幫助編寫代碼和學習比以往任何時候都要快。

Foundation官網:http://foundation.zurb.com/

mui

mui是最接近原生APP體驗的高性能架構。

mui Github位址:https://github.com/dcloudio/mui

WeUI

WeUI是一套同微信原生視覺體驗一緻的基礎樣式庫,由微信官方設計團隊為微信 Web 開發量身設計,可以令使用者的使用感覺更加統一。包含button、cell、dialog、 progress、 toast、article、icon等各式元素。

WeUI Github位址:https://github.com/weui/weui

jQuery WeUI

jQuery WeUI 是專為微信公衆賬号開發而設計的一個簡潔而強大的UI庫,包含全部WeUI官方的CSS元件,并且額外提供了大量的拓展元件,豐富的元件庫可以極大減少前端開發時間。jQuery WeUI 提供了總共30+ 個非常實用的元件:清單,表單,卡片,對話框,下拉重新整理等。

jQuery WeUI官方位址:http://jqweui.com/

Arale

Arale 立足于支付寶的前端需求和國内前端社群,基于Sea.js和spm生态圈,緻力發展小而美的前端子產品架構,建立了一套從編碼測試到部署的開發體系, 是一個開放、簡單、易用的前端解決方案。Arale 子產品均相容于 IE6+ 以及 Chrome/Firefox/Safari/Opera 的最新穩定版。

Arale官網:http://aralejs.org/

Semantic UI

Semantic UI 是一款語義化設計的前端開源架構,其功能強大,使用簡單,為設計師和開發師提供可複用的完美設計方案。

Semantic UI Github位址:https://github.com/jlukic/Semantic-UI

Jingle UI

Jingle UI是一個基于html5、css3開發輕量級的移動webapp 架構,提供一些基本互動方式,常用的元件(scroll,actionsheet,sidemenu,toggle,push2refresh……),幫助您更友善的開發移動應用。

Jingle UI Github位址:https://github.com/shixy/Jingle

CMUI

CMUI 是一個專攻移動網頁的 UI 架構,它提供了豐富的元件和簡潔的接口,開箱即用。CMUI 幫助開發者擺脫樣式細節和相容性困擾,進而騰出更多精力投入到業務開發中。

CMUI Github位址:https://github.com/CMUI/CMUI

YDUI Touch

YDUI Touch隻注重審美,且性能高效的移動端&微信UI。YDUI Touch 專為移動端打造,在技術實作、互動設計上相容主流移動裝置,保證代碼輕、性能高。YDUI Touch使用 Flex 技術,靈活自如地對齊、收縮、擴充元素,輕松搞定移動頁面布局。YDUI Touch用 rem 來做響應式開發。YDUI Touch自定義Javascript元件、Less檔案、Less變量,定制一份屬于自己的YDUI。

YDUI Touch位址:http://www.ydui.org/

http://www.ydui.org/

AUI

AUI 2.0是一套全新的AUI架構,在1.X基礎上進行了重新架構。結合實際項目出發,重新定義AUI架構。在2.0中使用了大量彈性響應式布局,采用容器+布局結構+控件的嵌套形式,友善開發者快速布局樣式。全局使用rem控制尺寸,完美适應不同分辨率移動裝置;新加入的主題樣式表友善開發者自定義基礎顔色樣式,完成APP主題的定制。完美相容IOS 5.1+ 到Android 4.2+。

AUI官網:http://www.auicss.com/

SeedsUI

SeedsUI,Html5移動前端UI架構,元件豐富,資源輕量。

SeedsUI官網:http://colaboy.github.io/SeedsUI/

繼續閱讀