摘要:簡潔直觀強悍的前端開發框架,讓開發更迅速簡單。是一套基于的前端框架。首個版本發布于年金秋,她區別于那些基于底層的框架,卻并非逆道而行,而是信奉返璞歸真之道。
2017-1209 ZanUI (Vue)
2017-1218 Onsen UI(Vue, React, Angular)
2017-1215 增加 Vuetify, Weex UI, Semantic UI React,element-react, element-angular,NG-ZORRO
2017-1214 增加 Mint UI
2017-1211 增加 Layui, UIkit
2017-1206 增加 cube-ui, Amaze ui React
2018-0824 增加 Ant Design of Vue
2018-0930 增加 Wired Elements
除了老牌構建于jQuery框架之上的UI外, 新銳UI派系:
基于Vue: ELementUI, iViewui
基于React: AntDesign, Amaze UI React
1 移動端 1.1 WeUI
來自:騰訊
WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信內網頁和微信小程序量身設計,令用戶的使用感知更加統一。1.2 SUI Mobile
詳情
來自:阿里
SUI Mobile 是一套基于 Framework7 開發的UI庫。它非常輕量、精美,只需要引入我們的CDN文件就可以使用,并且能兼容到 iOS 6.0+ 和 Android 4.0+,非常適合開發跨平臺Web App。輕量的UI庫1.3 Amaze ~ 妹子 UI
SUI Mobile 非常輕量,核心庫壓縮Gzip后的JS、CSS網絡傳輸體積總共只有52K,卻提供了20+個常用的組件。詳情
中國首個開源 HTML5 跨屏前端框架 詳情
Amaze UI 以移動優先(Mobile first)為理念,從小屏逐步擴展到大屏,最終實現所有屏幕適配,適應移動互聯潮流。
Amaze UI 含近 20 個 CSS 組件、20 余 JS 組件,更有多個包含不同主題的 Web 組件,可快速構建界面出色、體驗優秀的跨屏頁面,大幅提升開發效率。
相比國外框架,Amaze UI 關注中文排版,根據用戶代理調整字體,實現更好的中文排版效果;兼顧國內主流瀏覽器及 App 內置瀏覽器兼容支持。
Amaze UI 面向 HTML5 開發,使用 CSS3 來做動畫交互,平滑、高效,更適合移動設備,讓 Web 應用更快速載入。
1.4 jQuery mobilejQuery移動是一個基于html5的用戶界面系統,為響應web站點和應用程序都可以訪問所有的智能手機,平板電腦和桌面設備而設計。詳情1.5 Framework7
Framework7 是一個開源免費的框架可以用來開發混合移動應用(原生和HTML混合)或者開發 iOS & Android 風格的WEB APP。也可以用來作為原型開發工具,可以迅速創建一個應用的原型。詳情
Framework7 最主要的功能是可以使用HTML、CSS和JS來開發iOS7應用。Framework7 是完全免費開源的。
Framework7 并不能兼容所有的設備。她只專注于為 iOS 和 Google Material 設計提供最好的體驗。
如果你想開發 iOS 或者 Android 混合應用(Phonegap)或者你想開發 iOS 和 Google Material 風格的WEB APP,那么Framework7將會是你的首選。
1.6 cube-ui(Vue)cube-ui 是由滴滴開源的基于 Vue.js 實現的移動端組件庫。 詳情
● 質量可靠:由滴滴內部組件庫精簡提煉而來,歷經考驗,并且每個組件都有充分單元測試,為后續集成提供保障。
● 體驗極致:以迅速響應、動畫流暢、接近原生為目標,在交互體驗方面追求極致。
● 標準規范:遵循統一的設計交互標準,高度還原設計效果;接口標準化,統一規范使用方式,開發更加簡單高效。
● 擴展性強:支持按需引入和后編譯,輕量靈活;擴展性強,可以方便地基于現有組件實現二次開發。
基于 Vue.js 的移動端組件庫 詳情
一個基于 Weex 的富交互、輕量級、高性能的 UI 組件庫 詳情
最偏亮高效的開發HTML5應用和WEB apps, 支持angular, vue ,react, 詳情
2 PC端 2.1 EasyUIeasyui是一種基于jQuery的用戶界面插件集合。easyui為創建現代化,互動,JavaScript應用程序,提供必要的功能。詳情
使用easyui你不需要寫很多代碼,你只需要通過編寫一些簡單HTML標記,就可以定義用戶界面。
easyui是個完美支持HTML5網頁的完整框架。
easyui節省您網頁開發的時間和規模。
easyui很簡單但功能強大的。
2.2 Bootstrap簡潔、直觀、強悍的前端開發框架,讓web開發更迅速、簡單。詳情2.3 jQuery UI
jQuery UI 是建立在 jQuery JavaScript 庫上的一組用戶界面交互、特效、小部件及主題。無論您是創建高度交互的 Web 應用程序還是僅僅向窗體控件添加一個日期選擇器,jQuery UI 都是一個完美的選擇。2.4 SUI
jQuery UI 包含了許多維持狀態的小部件(Widget),因此,它與典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件(Widget)使用相同的模式,所以,只要您學會使用其中一個,您就知道如何使用其他的小部件(Widget)。詳情
SUI 是一套基于bootstrap開發的前端組件庫,同時她也是一套設計規范。2.5 ZUI
通過SUI,可以非常方便的設計和實現精美的頁面。詳情
一個基于 Bootstrap 深度定制開源前端實踐方案,幫助你快速構建現代跨屏應用。詳情2.6 Plane UI
HTML5 跨終端響應式前端界面框架詳情2.7 Semantic UI
Semantic UI 是一款語義化設計的前端開源框架,其功能強大,使用簡單,為設計師和開發師提供可復用的完美設計方案。詳情2.8 materialize
基于谷歌material design設計的框架詳情2.9 ElementUI (Vue)
Element由餓了嗎團隊開源,一套為開發者、設計師和產品經理準備的基于 Vue 2.0 的組件庫,提供了配套設計資源,幫助你的網站快速成型。詳情
2.10 iviewui (Vue)一套基于 Vue.js 的高質量 UI 組件庫 詳情
2.11 ANT DESIGN (React)一套企業級的 UI 設計語言和 React 實現。
https://ant.design/index-cn
提煉自企業級中后臺產品的交互語言和視覺風格。
開箱即用的高質量 React 組件。
使用 TypeScript 構建,提供完整的類型定義文件。
基于 npm + webpack + dva 的企業級開發框架。
2.12 MDUIMDUI 是一套基于 Material Design 的前端框架。輕量級、多主題切換、響應式、無依賴。
http://www.mdui.org/
基于 React.js 開發的 Web 組件庫 詳情
2.14 Layuilayui(諧音:類UI) 是一款采用自身模塊規范編寫的前端 UI 框架,遵循原生 HTML/CSS/JS 的書寫與組織形式,門檻極低,拿來即用。其外在極簡,卻又不失飽滿的內在,體積輕盈,組件豐盈,從核心代碼到 API 的每一處細節都經過精心雕琢,非常適合界面的快速開發。layui 首個版本發布于2016年金秋,她區別于那些基于 MVVM 底層的 UI 框架,卻并非逆道而行,而是信奉返璞歸真之道。準確地說,她更多是為服務端程序員量身定做,你無需涉足各種前端工具的復雜配置,只需面對瀏覽器本身,讓一切你所需要的元素與交互,從這里信手拈來。 詳情2.15 UIkit
輕量級模塊化前端框架 詳情2.16 Vuetify (Vue)
基于vue2的material風格組件化框架 詳情
2.17 Semantic UI React(React)The official Semantic-UI-React integration. detail
jQuery Free
Declarative API
Augmentation
Shorthand Props
Sub Components
Auto Controlled State
2.18 element-react (React)element ui的react版本 詳情
2.19 element-angular (angular)element ui的react版本 詳情
這里是 Ant Design 的 Angular^5.0.0 實現,開發和服務于企業級后臺產品。 詳情
2.21 Ant Design of Vue (vue)這里是 Ant Design 3.X 的 Vue 實現,開發和服務于企業級后臺產品。
官網:https://vuecomponent.github.i...
github repo: https://github.com/vueCompone...
2.22 Wired ElementWired Elements是一種可愛的手繪風格的UI庫。
官網 https://wiredjs.com/
這種手繪風格的網站十分少見,但是不妨看看dev.to, dev.to的網站,ui風格也是比較可愛的手繪風格
3 PC & 移動端 3.1 ZanUI (Vue)Vant ( ?v?nt ) 是有贊前端團隊基于有贊統一的規范實現的 Vue 組件庫,提供了一整套 UI 基礎組件和業務組件。 詳情
48+ 個經過有贊線上業務檢驗的組件
單測覆蓋率超過 90%
完善詳實的 中英文文檔
專門的設計師團隊維護視覺規范,統一而優雅
支持 babel-plugin-import
支持 TypeScript
掃碼訂閱我的微信公眾號:洞香春天。每天一篇技術短文,讓知識不再高冷。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/50264.html
摘要:簡潔直觀強悍的前端開發框架,讓開發更迅速簡單。是一套基于的前端框架。首個版本發布于年金秋,她區別于那些基于底層的框架,卻并非逆道而行,而是信奉返璞歸真之道。 2017-1209 ZanUI (Vue) 2017-1218 Onsen UI(Vue, React, Angular) 2017-1215 增加 Vuetify, Weex UI, Semantic UI React,ele...
摘要:是包最多管理工具,按照定律,其中的包都可能是坑,其中的包應該是高質量的。那么應當如何挑選呢最好的都在這里整合了最優秀的的和項目資源。并給出一個包的整體分數。 我以前寫過一篇文章,UI大全:前端UI框架集合(持續更新,當前32個), 最近翻閱了這篇文章。發現有些框架,如果你用了,那你就掉坑里去了。 NPM是包最多管理工具,按照80-20定律,其中80%的包都可能是坑,其中20%的包應該是...
本文收集學習過程中使用到的資源。 持續更新中…… 項目地址 https://github.com/abc-club/f... 目錄 vue react react-native Weex typescript Taro nodejs 常用庫 css js es6 移動端 微信公眾號 小程序 webpack GraphQL 性能與監控 高質文章 趨勢 動效 數據結構與算法 js core 代碼規范...
摘要:日期和時間處理日期和時間的函數庫。使用中可觀察序列,創建異步基于事件應用程序的函數庫。為分布式系統提供延遲和容錯處理。發布使用本機格式分發應用程序的工具。將程序資源和打包成和的本機文件。圖像處理用來幫助創建評估或操作圖形的函數庫。 好資源要分享原文 譯者 唐尤華 翻譯自 github akullpp 構建 這里搜集了用來構建應用程序的工具。 Apache Maven:Mave...
閱讀 3398·2021-10-11 11:06
閱讀 2182·2019-08-29 11:10
閱讀 1944·2019-08-26 18:18
閱讀 3255·2019-08-26 13:34
閱讀 1559·2019-08-23 16:45
閱讀 1037·2019-08-23 16:29
閱讀 2796·2019-08-23 13:11
閱讀 3226·2019-08-23 12:58