無論是在產品設計,還是在研發上,極簡主義的應用簡直無處不在。如果你和我一樣熱衷極簡主義,那麼本文分享的內容,一定是你的“菜”。在文章中,我們將與大家分享 20 個最佳的極簡 CSS 框架,它們能夠為你提供建站必備的元件,幫助你節省時間。Have Fun!
1. Spectre
這是一個輕量級、響應式的現代 CSS 框架,用於快速建站和擴充套件程式的開發。它通過最佳編碼實踐和一致性的設計語言,為排版與元素、基於 Flexbox 的響應佈局系統、CSS 元件提供了基本樣式。
專案地址:【傳送門】
2. Layers
Layers CSS是一個針對例項的 CSS 框架。它具備輕量級、零依賴等特性。
專案地址:【傳送門】
3. Milligram
Milligram 提供了極簡樣式設定,便於你快速、簡潔的開啟建站之旅。雖然它不是一個 UI 框架,但它的設計理念卻是以提供優秀的效能、高效的開發效率以及最少的屬性重置而構建的。同時,它也是輕量的,在 Gzip 壓縮後,它只有 2KB 大小。
專案地址:【傳送門】
4. Cutestrap
如果你在尋找功能豐富的元件,那麼 Bootstrap、Foundation 這類框架將會是你的最佳選擇。但是,如果你想選擇的框架大小是在 normalize.css 與一個完整框架範圍之間, Cutestrap 或許是個不錯的選擇。它在壓縮後僅有 8K 大小,可作為 Bootstrap 的輕量級替代方案。
專案地址:【傳送門】
5. Mobi
Mobi.css 是一個輕量級、可擴充套件、移動優先的 CSS 框架。它專注於細節,對於內容豐富的網頁能夠提供優質的使用者體驗。雖然,它專注移動端,但桌面客戶端的體驗也是很棒的。
專案地址:【傳送門】
6. Hack
Hack 是一個極度簡易的 CSS 框架。這有一些示例,你可以瞭解下。
專案地址:【傳送門】
7. Wing
一個基於極簡主義設計理念的漂亮的 CSS 框架。
專案地址:【傳送門】
8. Sakura
一個易於定製的極簡 CSS 框架/主題。
專案地址:【傳送門】
9. Mini
Mini 作為一個 Gzip 壓縮後不到 7KB 大小的極簡框架,它具備響應式、易用性和定製性等特性,旨在為你提供儘可能多的功能。由於它是輕量框架,不僅讓你建立的網站和應用程式具備更快的載入速度,而且它所提供的元件可以滿足基本的開發要求。
專案地址:【傳送門】
10. Pavilion
Pavilion 是一個簡易的 CSS 框架,適合那些不喜歡使用其他框架中附帶預定義 UI 元件的開發人員。如果你正在尋找一個簡單、輕量、可訂製的,並且不會出現程式碼膨脹的 CSS 框架,Pavilion 將是個不錯的選擇。
專案地址:【傳送門】
11. Core CSS
這是一個構建輕量級響應式網站的前端框架,它沒有內建預設元素和動畫,只提供了一個超簡單的網格體系 – 即它的列是浮動的,行是 self-clearing,而分界點則是按邏輯均勻的分佈。你可以按照想要的工作方式,進行定製與使用。
專案地址:【傳送門】
12. Siimple
Siimple 是一個助你打造扁平化網站風格的輕量、響應式的開源框架。它內建了 SASS / SCSS,為你的網頁設計提供了簡潔的開始。
專案地址:【傳送門】
13. Scooter
專注為 Dropbox 提供基礎樣式、CSS 元件以及快速靜態原型的 SCSS 框架。
專案地址:【傳送門】
14. Workless
打造更快 Web 應用程式的開源 HTML, CSS 與 JS 框架。
專案地址:【傳送門】
15. Responsive
一個功能強大、對開發人員友好的,用於構建響應式網站的輕量級前端框架。
專案地址:【傳送門】
16. Kouto swiss
專注於 Stylus 的完整 CSS 框架。它的靈感源自流行的預處理工具庫,例如 nib、compass、bourbon.
專案地址:【傳送門】
17. Concise
Concise 為你的網站設計提供了堅實的基礎。它提供了一套僅包含基礎樣式的簡潔框架,幷包含了大量開箱即用的功能。同時,你也可以通過使用核心的附加元件進行功能性擴充套件。
專案地址:【傳送門】
18. Penguin
Penguin 是一個由 Sass 構建的輕量級、可擴充套件的前端框架,用於啟動任何專案。
專案地址:【傳送門】
19. Base
一個穩固的響應式 HTML 與 CSS 框架。
專案地址:【傳送門】
20. Caramel
Caramel 是一個簡單、現代的完全響應式 Web 框架。你僅需要編寫一次程式碼,即可獲得在多平臺上相同的效果。
專案地址:【傳送門】
感謝你的閱讀。若你有所收穫,歡迎點贊與分享。