1. Bootstrap

Bootstrap是快速開發(fā)Web應用程序的前端工具包。它是一個CSS和HTML的集合，它使用了最新的瀏覽器技術，給你的Web開發(fā)提供了時尚的版式，表單，buttons，表格，網(wǎng)格系統(tǒng)等等。
官方網(wǎng)站: http://twitter.github.com/bootstrap/
github: https://github.com/twitter/bootstrap

2. Foundation

Foundation 是一個易用、強大而且靈活的框架，用于構建基于任何設備上的 Web 應用。提供多種 Web 上的 UI 組件，如表單、按鈕、Tabs 等等。
官方網(wǎng)站: http://foundation.zurb.com/
github: https://github.com/zurb/foundation

3. Skeleton

Skeleton 是一個小的 JS 和 CSS 文件的集合，可幫你快速開發(fā)漂亮的網(wǎng)站，適合各種屏幕設備包括手機。Skeleton 基于 960 grid 開發(fā)。它是一個 UI 框架。
官方網(wǎng)站: http://www.getskeleton.com/
github: https://github.com/dhgamache/Skeleton

4. Less Framework

Less框架是一個用于設計自適應網(wǎng)站的CSS網(wǎng)格系統(tǒng)，它包含4個布局和3套預設布局，這些都以一個單一網(wǎng)格為基礎。Less框架的目標是更高效地創(chuàng)建多布局網(wǎng)站，并在布局之間保持一致。
官方網(wǎng)站: http://lessframework.com/
github: https://github.com/jonikorpi/Less-Framework

5. ResponsiveAeon

ResponsiveAeon 是一個HTML5/CSS3的框架，可以非常快速的創(chuàng)建響應的布局。它有一個網(wǎng)格系統(tǒng)是基于總1104px寬度12列，提供了3個非常容易理解的基本類供 使用。該框架使使用@mediaqueries的，支持任何尺寸的設備。除了網(wǎng)格系統(tǒng)，也有排版，列表，表格，按鈕和表格的樣式。
官方網(wǎng)站: http://www.newaeonweb.com.br/responsiveaeon/
github: https://github.com/newaeonweb/ResponsiveAeon-Cssgrid

6. Gumby

Gumby 是一個響應式的以及 960 像素寬度的 CSS 網(wǎng)格框架，支持 PC、平板和手機屏幕顯示。類似 Twitter 的 Bootstrap，它包括一個Web UI工具包，有好看按鈕，表格，導航+標簽和一個很小的JavaScript文件。
官方網(wǎng)站: http://www.gumbyframework.com/
github: https://github.com/dsurgeons/Gumby

7. Gridpak

Gridpak 的目的是實現(xiàn)了響應式的 Web 頁面設計，提高工作流程，節(jié)省了時間。通過生成PNG圖像，CSS和JavaScript,讓 Gridpak 創(chuàng)建響應式的簡單界面。Gridpak 產(chǎn)生的CSS 兼容 IE 8+，但它使用很多實驗性的CSS屬性，如媒體查詢，盒大小和背景剪輯屬性，所以建議結合 Modernizer 來使用，確保向后兼容性。
官方網(wǎng)站: http://gridpak.com/

8. Responsive GS

Responsive GS 是一個流體網(wǎng)格 CSS 框架，用于快速開發(fā)響應式的 Web 網(wǎng)站。 Responsive GS 提供三種風格：12、16 和 24 列，使用 media queries 支持所有標準設備。
官方網(wǎng)站: http://responsive.gs/
github: https://github.com/StudioSnapsize/responsive-gs

9. Amazium

Amazium 是一個基于 960 Grid System 的響應式 CSS 框架，使用 960px 寬度，以適應大多數(shù) 1024*768 分辨率的屏幕。Amazium 使用 4 個主要的 media queries 來調(diào)整所適應的分辨率大小。
官方網(wǎng)站: http://www.amazium.co.uk/

10. Golden Grid System

Golden grid system是為增強網(wǎng)頁兼容性設計的折疊式grid。具有四個特征：列、跨頁、底線、script。
官方網(wǎng)站: http://goldengridsystem.com/
github: https://github.com/jonikorpi/Golden-Grid-System

11. Centurion

Centurion 是一個基于 SASS 和 CSS3 構建的響應式 Web 框架。
官方網(wǎng)站: http://jhough10.github.com/Centurion/
github: https://github.com/jhough10/Centurion

12.inuit.css

該框架用于使用較少的代碼實現(xiàn)在較小屏幕（平板電腦、手機）上運行的項目，支持IE6+。
官方網(wǎng)站: http://inuitcss.com/
github: https://github.com/csswizardry/inuit.css

13. Fluid Baseline Grid

Fluid Baseline網(wǎng)格系統(tǒng)是一個HTML5 & CSS3開發(fā)工具包，為網(wǎng)站快速設計提供了堅實的基礎。
官方網(wǎng)站: http://fluidbaselinegrid.com/
github: https://github.com/thedayhascome/Fluid-Baseline-Grid

14. HTML5 Boilerplate

HTML5 Boilerplate基于HTML/CSS/JS模板，可以幫助開發(fā)者使用HTML5技術快速開發(fā)穩(wěn)健、功能齊全的網(wǎng)站。你可以把它當作自己的新項目模板，在此基礎上建立自己的項目。
該模板包含了幫助開發(fā)HTML5站點和應用程序的組件和一些優(yōu)秀的最佳實踐，只需開發(fā)者最少的前期工作，就能為項目提供一個非常穩(wěn)固的基礎。另外，該模板是高度可定制，可輕松刪除不需要的一些特性。
官方網(wǎng)站: http://html5boilerplate.com/
github: https://github.com/h5bp/html5-boilerplate

15.Semantic

Semantic UI是完全語義化的前端界面開發(fā)框架，支持 Sass 和 LESS 動態(tài)樣式語言,文檔和演示非常完善,易于學習和使用,配備網(wǎng)格布局,有一些非常實用的附加配置，例如inverted類。
有一個非常好的按鈕實現(xiàn)，情態(tài)動詞，和進度條。在許多功能上使用圖標字體。
官方網(wǎng)站: http://semantic-ui.com/
github: https://github.com/semantic-org/semantic-ui/

16.Zui

ZUI繼承了Bootstrap 3中的大部分基礎內(nèi)容作了相應的改進，簡單美觀，易于使用，快速構建簡潔大方的現(xiàn)代web應用。
采用HTML5且支持所有流行的移動及桌面瀏覽器平臺，一些舊的瀏覽器也能夠降級支持，輕快獨立穩(wěn)定，最佳的可用性能，最大限度的不依賴于外部組件，全平臺響應，一次編寫，響應任何尺寸的設備。
官方網(wǎng)站: http://www.zui.sexy/

17.Amaze

Amaze UI 是一個輕量級、采用mobile first理念的前端框架，中國首個開源 HTML5 跨屏前端框架，適配所有屏幕，可快速構建界面出色、體驗優(yōu)秀的跨屏頁面，可提升開發(fā)效率，對于常用瀏覽器及App內(nèi)置瀏覽器提供更好的兼容性支持，使用 CSS3 來做動畫交互，平滑、高效，更適合移動設備。
官方網(wǎng)站: http://amazeui.org/
github: http://git.oschina.net/amazeui/amazeui

?

18.MUI

MUI（Mobile User Interface）是一套基于Html5的，遵循Html5+規(guī)范的,用于手機端界面開發(fā)的一套框架,是目前最高性能和最接近原生體驗的手機端框架,體積小不到100k,可直接使用class編寫，性能遠高于data-方式，又通過代碼塊的編寫方式降低了編碼的復雜度。
例如在HBuilder里敲m，會拉出一排控件mList、mButton等，選一個回車，就會自動產(chǎn)生div和class。

19.OniUI

OniUI是基于avalon的UI庫，是一個MVVM架構的前端框架，兼容主流瀏覽器。
官方網(wǎng)站: http://ued.qunar.com/oniui/home.htm
github: https://github.com/RubyLouvre/avalon.oniui

20.Vanilla JS

Vanilla JS 是一個快速、輕量級、跨平臺的JavaScript框架，也是瀏覽器內(nèi)置框架。
官方網(wǎng)站: http://vanilla-js.com/

21.Zepto

Zepto是專門為移動 WebKit 瀏覽器，如 Chrome 和 Safari 打造的。憑借其獨特的簡約發(fā)展的特點，它可以幫助開發(fā)人員輕松地完成他們的工作。Zepto 最大的特點是保持事情的簡單性。這個框架的目標是精確的，便于下載和快速執(zhí)行。 ?
官方網(wǎng)站: http://zeptojs.com/

22.Framework7

Framework7 是免費開源的 HTML 移動端框架，用來開發(fā)混合移動端應用或者 iOS 7 的 Web 應用，并且?guī)в?iOS 7 的原生外觀和感覺。Framework7 也是獨立的原型應用工具。
官方網(wǎng)站: http://www.idangero.us/framework7/
github: https://github.com/nolimits4web/framework7/


25.Ionic

Ionic是一個前端的框架，幫助開發(fā)者使用HTML5, CSS3和JavaScript做出原生應用。js部分是基于AngularJS框架，大量使用了Css3，css生成基于Sass，構建工具基于最新的gulp，版本升級基于bower，原生層無縫封裝了cordova。使用Ionic框架，可以有效利用AngularJs的特性，極大的提供HTML5應用開發(fā)效率，質量，模塊化程度。
官方網(wǎng)站:http://ionicframework.com/
github:https://github.com/driftyco/ionic

轉載于:https://www.cnblogs.com/love-is/p/4276079.html

總結

以上是生活随笔為你收集整理的适用响应式 Web UI 框架的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。