1、Bootstrap：
Bootstrap 無疑是目前使用最廣泛的 CSS 框架，GitHub 上長期穩占第一就足以說明問題。優點有很多，比如響應式設計，海量資源且簡單易學。不過也有人吐槽 Bootstrap 稍顯臃腫，但是Bootstrap5 徹底拋棄Jquery之后瘦身了不小，做前端的幾乎是必學。
中文網站：http://www.cn327.com
2、Bulmacss
Bulmacss樣式庫,是一個更輕量化、更易用的CSS框架，官方定位是，哪怕你不懂CSS也可以根據api快速構建web UI,這里簡單的提一句bulma的所有樣式都是基于class，只要給dom元素標簽增加對應所需的class即可快速獲得所需要的樣式，是個易用性很強的CSS框架；兩者最大的區別是，bulma是純css，沒有js，bootstrap有JS。當用vue.js，react.js時，帶有js的css框架并不適合，需要純的css框架。在好幾個項目中用了vue + bulma，感覺不錯。
中文網站：https://www.bulmacss.cn
3、React：
React.js（React）是 Facebook 推出的一個用來構建用戶界面的 JavaScript 庫。 注意這個和前面的Bootstrap和Bulmacss不同，主要是在UI渲染過程中，React通過在虛擬DOM中的微操作來實現對實際DOM的局部更新，他通常還要和前面的兩個配合。
官網：reactjs.org
4、Vue：
Vue是尤雨溪編寫的一個構建數據驅動的Web界面的庫，準確來說不是一個框架，它聚焦在V（view）視圖層。Vue 從一開始的定位就是盡可能的降低前端開發的門檻，讓更多的人能夠更快地上手開發。
官網：vuejs.org
5、Angular：
Angular是一款優秀的前端JS框架，已經被用于Google的多款產品當中。它是一個比較完善的前端框架，包含服務，模板，數據雙向綁定，模塊化，路由，過濾器，依賴注入等所有功能，angularjs是互聯網巨人谷歌開發，這也意味著他有一個堅實的基礎和社區支持。angular入門很容易但深入后概念很多,學習中較難理解。
這里需要說明的是前兩個是開發前端界面的，適合做網站內容，后面幾個適合做企業網站后臺或者不需要考慮seo的頁面。另外前兩個是一類，后面三個是一類，你可以結合使用兩類中的各一個，例如Bootstrap+React，或Bulmacss+Vue等。