一、框架類

1.

是web開發中一個簡易且快速的前端框架，它優美、大氣、功能強大且效果直觀，提供一系列可直接使用的組件和樣式，讓你的開發輕而易舉。

2. 

如果你想以一種自然的方式快速輕松地布局頁面，那就選擇Gumby 960 Grid Responsive CSS Framework吧。它采用960網格布局，可以自定義以滿足你的需求，適應任何的屏幕大小。

3. 

開發人員可以使用Golden Grid System將屏幕劃分為18個偶數列。在這18個列中，可用于開發和設計的有16個列。

4.

Semantic Grid System使用參數化的LESS或SCSS動態樣式語言。如果你鐘愛LESS或SCSS樣式，不妨試試它。

5.

Ingrid是一個輕量級和流體的布局系統，其設計旨在減少使用類。Ingrid也是一個可擴展的系統，為定制系統提供便利。

6. 

Toast是非常簡潔的CSS框架。12列網格的設置使布局變得輕而易舉。Toast也極易使用。

7.

如果你正在尋找一款能夠輕松快速地創建適應性強且功能強大的網站或應用程序，選擇HTML5 Boilerplate絕對不會錯。

8.

Wirefy推崇內容第一的概念，幫助你創建極具功用性和響應式的線框。

9.

Gridiculous是一種HTML5技術的應用，使用它可以把你的網站從最高的分辨率轉為最低達320px的分辨率。Gridiculous對于不同的瀏覽器也具有較好的適應性。

10.

Columnal也是一個響應式的CSS網格系統，讓你的網頁無論在臺式設備還是在移動設備的瀏覽器上都能流暢自如。

11.

Gridless是一個HTML5和CSS3的樣板。使用它可以讓你的移動設備也能響應。

12.

Skeleton這個特殊的樣板專為響應式和移動友好開發而設計，使用起來相當簡單。

13.

Responsive Grid System的特色在于它有12、16和24列的布局可供選用。對于所有標準的設備都提供媒體查詢功能，以及清除浮動和可選的重置功能 。

14.

Foundation是被認為是當下最先進的響應式前端框架。Foundation擁有非常出色的移動化方案，對內容結構在不同類型設備中的呈現方式進行了相應的預設。

二、流體網格工具類

1.

如果你正在尋找設計網格的工具，不妨試試Gridset。Gridset功能強大，從PNG圖像到CSS樣式，它都可以靈活處理。

2.  

使用Responsive Calculator，你可以使用創建好的PSD文件作為響應式網站設計的開始。

3.

Gridpak由數碼設計公司Erskine Design設計，幫助實現響應式的web頁面設計。

4.

如果你已經對水平的滾動條感到視覺疲勞，使用Simple Grid定會讓你眼目一新。Simple Grid易于理解，提供四種不同的風格供你選用。

5.

Foldy960不是一個CSS框架，而是一個幫助你實現960.gs設計響應的小工具包。

6.

SUSY是一個流體網格布局，具有超強的用戶體驗，你可以選擇不同的樣式，也可根據你的具體需求進行定制。

相關閱讀：

• 什么是響應式網頁設計？有哪些好用的第三方響應式框架？
• 10個超棒的響應式Web設計工具
• 10款超實用響應式設計測試工具
• 15款響應式布局必備的jQuery Grid網格插件
• 21款免費的HTML5響應式模板（附下載）