1. Twitter BootStrap （Apache v2.0；響應式）時髦、直觀并且強大的前端框架，讓Web開發變得更加容易。

2. Foundation （MIT；響應式）最先進的響應式前端框架。

3. 960gs（GPL&MIT；響應式）960gs提供了一個簡單的網格系統，適合快速開發。

4. Skeleton（MIT；響應式）非常漂亮的Web模板，適合響應式、移動友好的開發。

5. 99lime HTML KickStart（Free）適合網站快速開發的HTML構建模塊。

6. Kube（Free；響應式）面向專業人員的CSS框架。

7. Less Framework（MIT；響應式）自適應的CSS網格系統。

8. Flameinwork（Free）適合懶人開發者的前端微框架。

9. G5 Framework（Free）(x)HTML5、CSS、PHP前端開發框架。

10. Easy Framework（Free）Easy Framework是一個一體化前端解決方案，分structural、 presentational、interactive三層。

11. Blueprint（Free）一個旨在減少開發時間的前端框架。

12. YAML（Creative Commons）(x)HTML+CSS框架，適合開發現代化浮動布局。

13. BlueTrip（Free）一個功能全面、并且美麗的CSS框架，適合于Blueprint搭配使用。

14. YUI3:Grids CSS（BSD）YUI Grids CSS是最著名的CSS框架之一，是由Yahoo開發小組開發而成。 YUI Grids CSS為開發者提供了預先設置的四種不同頁面寬度，六種不同的模板。

15. 52framework（Creative Commons）對HTML5支持非常好，簡單易用。

16. elastiCSS（MIT）一個基于Web接口和印刷布局的簡單CSS框架。

17. Emastic（Free）一個與眾不同的CSS框架。

18. Fluid 960 Gride System（GPL/MIT）Fluid 960 Grid System的模版是根據Nathan Smith之前的作品而創建的。即960 Grid System：傳承了MooTools和jQuery JavaScript libraries的效果。

19. xCSS（MIT）一個面向對象的CSS框架，能讓你的工作流更加簡潔。xCSS基于CSS，可以在開發復雜樣式時，提供面向對象的工作流。

20. EM CSS Framework（MIT/GPL）EM CSS Framework提供了一個960px寬 + 12 列網格系統 + CSS的通用樣式。

使用前端框架或者模板；前端框架有bootstrap、function、angaler.js等等；或者網上購買模板等；

主流的Java模板引擎

Thymeleaf

Thymeleaf是用于Web和獨立環境的現代服務器端Java模板引擎。Thymeleaf的主要目標是將優雅的自然模板帶到您的開發工作流程中—HTML能夠在瀏覽器中正確顯示，并且可以作為靜態原型，從而在開發團隊中實現更強大的協作。能夠處理HTML，XML，JavaScript，CSS甚至純文本。Thymeleaf的主要目標是提供一個優雅和高度可維護的創建模板的方式。Thymeleaf也是從一開始就設計(特別是HTML5)允許創建完全驗證的模板。Spring Boot 官方推薦使用 thymeleaf 而不是 JSP。

Freemarker

FreeMarker是一款模板引擎： 即一種基于模板和要改變的數據， 并用來生成輸出文本（HTML網頁、電子郵件、配置文件、源代碼等）的通用工具。 它不是面向最終用戶的，而是一個Java類庫。輕量級模版引擎，不需要Servlet環境就可以很輕松的嵌入到應用程序中，能生成各種文本，如html，xml，java，等，入門簡單，它是用java編寫的，很多語法和java相似。

前端三大框架

Vue

Vue.js是一套構建用戶界面的漸進式框架。Vue 只關注視圖層， 采用自底向上增量開發的設計。目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。

React

React 是一個用于構建用戶界面的 JAVASCRIPT 庫。React主要用于構建UI，很多人認為 React 是 MVC 中的 V（視圖）。

Angular

AngularJS 是一個 JavaScript框架。它是一個以 JavaScript 編寫的庫。它可通過 <script> 標簽添加到HTML 頁面。通過 指令 擴展了 HTML，且通過 表達式 綁定數據到 HTML。AngularJS 是以一個 JavaScript 文件形式發布的，可通過 script 標簽添加到網頁中。

Java模板語言與前端框架區別

Java模板語言依賴于后端，后端把數據綁定到頁面的相應標簽上，還要用相應的類來解析頁面，也就是視圖解析器，這樣呈現出的頁面才是綁定數據后的樣子。

三大前端框架通過Js來操作，更多是HTML5頁面與Js之間的交互，只專注于前端。

語法不同，也完全不是一個概念，頁面出現Freemark、Thymeleaf語法，估計前端的人都看不懂也不知道數據哪里來的。前端的框架大都是基于JavaScript 的，Java 后端框架大都基于Java語言。

個人觀點，歡迎大家批評指正，一起交流學習