常言道：工欲善其事，必先利其器，項目緊，框架還是很有必要的。
1. Bootstrap
最初被稱爲Twitter Blueprint的Bootstrap，是作爲內部團隊使用的工具而創建的。它是最著名的前端框架之一。自公開發布以來，Bootstrap的使用率逐年攀升。
Bootstrap提供了報警、按鈕、輪播、下拉式菜單、以及表單等設計模板。藉助Bootstrap的移動優先(mobile-first)功能，您可以輕鬆地創建響應式佈局，進而保證在橫跨多個設備上的設計一致性。
2. Skeleton
Skeleton號稱“簡單的響應式樣板”。由於此框架只有大約400行代碼，因此它更適合於小型項目，以及開發人員需要創建輕量級內容的應用場景。
由於佈局簡單，Skeleton對於那些剛開始使用前端框架的人來說，是一個不錯的選擇。當然，也正是缺少CSS設計模板、預處理器、以及整體功能，受限的Skeleton不太適合大型的項目。
如果您正在尋找一種響應迅速的前端框架，那麼ZURB Foundation就比較適合。該框架將允許您爲所有的設備創建各種生產環境的代碼和原型。通過支持具有“準系統結構(barebone structure)”的流行框架，ZURB Foundation讓用戶能夠使用簡單的方法及其入門模板，來快速生成產品原型。由於提交量不少於14,000次，而且貢獻者超過了940名，因此ZURB在GitHub上也有着大量的支持。目前，《華盛頓郵報》和《國家地理》等知名網站都使用的是該框架。
4. UI Kit
UI Kit以具有高度可定製的輕量級元素而聞名。它的各種模板能夠讓您輕地松構建各類Web界面。UI Kit的安裝包裏包含了CSS、HTML和JavaScript文件、以及Sublime Text和Atom編輯器的軟件包。另外，它還提供了30多種模塊化的組件，用戶可以對其進行混合與匹配，以實現多種功能。也就是說，您不必反覆搜索那些標記和類名。
與Bootstrap和Foundation等其他框架不同，UI Kit並非使用12列網格設置，而是將其佈局分爲了彈性、網格和寬度三個部分。當然，由於缺乏資源，該框架更適合於那些具有豐富經驗的開發人員。
5. Bulma
作爲最常用的框架之一，Bulma得到了超過15萬名開發人員的支持。它是基於Flexbox的免費開源框架之一。由於Bulma框架僅完全能夠滿足開發響應式網站的最低要求，因此它對於初學者來說十分容易上手。另外，得益於在GitHub上有着龐大的用戶社區，Bulma具有良好的技術支持。
6. Materialize
該前端CSS框架是根據Google的設計規範創建的。Materialize帶有易於使用的IZ列網格，以便很好地用於佈局設計。它的程序包中包括有按鈕、卡片、表格、圖標、以及許多其他可供按需使用的組件。此外，您還可能用到的功能包括：拖出式移動菜單、漣漪效果動畫、以及SASS mixins等。而且，Materialize可以在任何類型的設備上被使用。
7. Semantic UI
由於是一款較新的框架，因此Semantic UI在代碼中使用到了自然語言，而且備受初學者的鐘愛。它的繼承系統(inheritance system)帶有一個高級的主題變量，爲您提供了設計時的完全自由度。
由於自帶有大量的第三方軟件庫，因此在使用Semantic UI時，您不必調用其他的庫，便可以讓Web開發的過程更加便捷。這也是許多初學者和經驗豐富的開發人員喜歡它的原因所在。
8. Tailwind CSS
Tailwind CSS與其他框架的不同之處在於，它的軟件包並沒有預建UI組件。該框架更關注於實用性。它包含有各種專注於顏色、大小和位置的CSS類。Tailwind適合於那些不滿足於預設組件，但希望能夠完全自由地定製Web設計的開發人員。
9. Picnic CSS
該框架非常輕巧，其壓縮後的代碼不到10KB。同時，Picnic CSS還帶有基於Flexbox的網格佈局和許多UI元素。您可以使用它們來啓動自己的Web開發項目。另外，Picnic的模式窗口和導航欄，也對初學者非常友好。
10. Ionic
該開源的移動UI框架，可以讓用戶在不更改代碼庫的情況下，開發出適用於Android和iOS原生的，以及具有網絡高性能的應用。Ionic帶有直觀的UI組件，可協助用戶加快網站或應用程序的開發過程。由於提供了卓越的原生功能和速度，Ionic可以與社區、主流分析平臺、身份驗證服務、插件以及其他集成平臺，很好地配合使用。
11. Pure.css
該框架專注於移動優先的理念。由於Pure.css是模塊化的，因此您可以輕鬆地按需導入元素包。同時，您還可以獲取它的各種可供下載與安裝的佈局。以輕便聞名的Pure.css框架，在壓縮後只有3.8KB。
12. mini.css
mini.css同樣提供全面的功能和輕巧的框架。雖然它在壓縮後只有10KB，但仍然可以提供豐富的佈局和UI元素。如果您想對它的工作原理做進一步瞭解，那麼請查閱它的聯機文檔。
13. Base
如果您的主要任務是爲所有的應用程序和Web開發項目打下堅實的基礎，那麼您應該嘗試一下此模塊化的框架。作爲號稱“堅如磐石”的響應框架，Base基於Normalize.css提供了基本的可自定義樣式。您可以按需用它來實現簡單的應用。
14. Concise CSS
Concise CSS也是一款簡單且實用的框架。該框架結構緊湊、明快、且無需額外添加。當然，如果您需要UI元素的話，也可以通過單獨的工具包來輕鬆地進行追加。
15. Mobi.css
壓縮後的Mobi.css僅爲2.6KB，它是目前您可以找到的最小的框架之一。Mobi的優勢在於速度，尤其是在針對移動設備的應用場景中。由於Mobi.css內置了主題和插件系統，而且可以按需擴展，因此用戶可以採用模塊化的方法，在其基礎上進行構建。