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