標籤: CSS Framework 頁1

Duet Design System- 提供許多現成的 UI 元件與設計規範方便架設網站使用
網路資源

Duet Design System- 提供許多現成的 UI 元件與設計規範方便架設網站使用

Duet Design System 是一個提供許多現成的 UI 元件與設計規範方便架設網站使用的函式庫，並可以與當今熱門前端框架 React、Vue.js 和 Angular 等整合，有興趣的可以參考看看方便加速網站開發。

Tachyons- 輕量級的 CSS Framework
網路資源

Tachyons- 輕量級的 CSS Framework

Tachyons 是一個輕量級的 CSS Framework，可以利用他的規範來快速排出版型與元件來。

Primer- GitHub 推出的 CSS 框架，也提供了免費可商用的 icon 套組
網路資源

Primer- GitHub 推出的 CSS 框架，也提供了免費可商用的 icon 套組

Primer 是由 GitHub 推出的 CSS 框架，跟大多數同性質的框架一樣，提供了一些已經設計好的 CSS 樣式讓開發者可以快速建置版面，此外也提供了免費可商用的 icon 套組，使用時也可以不用標註出處。

Skeleton- 輕便的 CSS 框架
網路資源

Skeleton- 輕便的 CSS 框架

如果覺得一些 CSS 框架因為有太多的元件裝起來檔案太大，可以考慮這個打著極輕便的 CSS 框架- Skeleton，Skeleton 有的只有基本格線系統與 RWD，也號稱極為輕巧。

Bulma- CSS 框架的一種選擇
網路資源

Bulma- CSS 框架的一種選擇

Bulma 是一個使用 flexbox 的 CSS 框架，也提供了一些現成的 UI Component 供使用者使用。

Material Design Lite- 基於 Material Design 設計出來的 CSS Framework
網路資源

Material Design Lite- 基於 Material Design 設計出來的 CSS Framework

Material Design Lite 是一個基於 Material Design 設計出來的 CSS Framework，可以透過 cdn 快速開始使用這個 CSS 框架。

Tailwind CSS- Utility-First CSS 的 CSS 框架
網路資源

Tailwind CSS- Utility-First CSS 的 CSS 框架

Tailwind CSS 是一個近年崛起的 CSS 框架，不同以往使用框架只是 class name 的搭配組合，Tailwind CSS 還提供你利用內建的樣式產出新的模組的功能，對於開發者來說又更有彈性了，從事前端開發的朋友都應該花點時間試試看他的威力。

Semantic UI- 風格清爽的 CSS 框架
網路資源

Semantic UI- 風格清爽的 CSS 框架

Semantic UI 是一個風格清爽的 CSS 框架，不過他強調要以非常語意化的語法來編寫 Web 介面的框架，寫起來可能會比較繁瑣一些要注意下撰寫的方法。

Foundation- 由 Zurb 出品的老牌 CSS 框架
網路資源

Foundation- 由 Zurb 出品的老牌 CSS 框架

Foundation 也是一個頗老牌的 CSS 框架，可以嘗試看看與其他框架有什麼不一樣的地方。

Uikit- 由 YOOTheme 出品 CSS 框架
網路資源

Uikit- 由 YOOTheme 出品 CSS 框架

Uikit 是由 YOOTheme 出品 CSS 框架，可以玩看看與 Bootstrap 有什麼不一樣的地方。

Materialize CSS- 以 Material Design 為基礎的 CSS Framework
網路資源

Materialize CSS- 以 Material Design 為基礎的 CSS Framework

Materialize CSS 是一個以 Material Design 為基礎的 CSS Framework，有著簡單好上手以及許多常用的 component 是他的優點。

Bootstrap- 當下最紅的 CSS 框架
網路資源

Bootstrap- 當下最紅的 CSS 框架

有稍微接觸過前端的朋友應該都有聽過大名鼎鼎的 Bootstrap，像這類的 CSS 框架的優點就是可以幫你快速處理好排版以及 RWD 的問題，另外還提供了一些內建的樣式幫助打造網站的基底，還沒用過的絕對值得你來嘗試看看。