13款免費的CSS UI工具包

edithfang發表於2014-06-29

下面小編為大家蒐集整理了13款頂級的免費UI工具包,全部是由CSS3設計的。有Metro風格的,有極簡主義風格的,有響應式的,有專門針對iOS應用的,種類豐富,總有一款適合你。如果你用過其他不錯的UI工具包,也請不吝分享哈~

Semantic UI

Semantic UI一出現在Github上就受到火熱的關注。Semantic UI最大的特點:完全語義化的編寫模式,名稱規範統一,直觀易懂,可以大大提升開發效率。這對於新手來說也是一款非常容易上手的工具。另外,它充分利用了CSS3動畫特效,簡潔實用漂亮的樣式這些都是其最受歡迎的原因之一。
小編點評:因為Semantic UI目前還在開發階段,版本為0.18,js存在一些問題和Jquery有些衝突,如果要決定使用Semantic UI作為專案前端開發,可以只使用Semantic UI的CSS,js部分自己編寫。

Semantic UI 開發框架



Metro UI CSS

Metro UI CSS是一款用於開發Windows 8 Metro UI風格的開發工具包,這個工具包相容大多數瀏覽器,比如IE9+、谷歌、Opera、Safari 和Firefox。這個工具包提供了所有常用的UI元素,如Tiles、images、notices、froms、buttons和typography。 

Metro UI CSS



UI.CSS

UI.CSS是一個非常簡單易用的極簡主義UI工具包,它包含了Web介面設計所需的所有CSS檔案樣式,包括hover 和 active states。

ui.css



CSS UI Kit

CSS UI Kit是一個完全由CSS3編碼的UI工具集,它包含有所有基本的UI元素,如搜素框、核取方塊、下拉按鈕、單選按鈕、頁碼、Audio UI等等。這款工具目前在Chrome 和 Safari下執行良好,但在IE、Firefox和Oprea下面還存在一些問題。

CSS UI Kit



Designer CSS UI Kit

這款工具包包含了常用的使用者介面元素和字型,支援大多數常用瀏覽器。

Designer CSS UI Kit



CSS3 UI Kit

可以建立出乾淨、簡單的Web介面的CSS3 UI工具包,提供選單、皮膚元素和按鈕等常用元素。

CSS3 UI Kit



Icon Deposit CSS3 UI Kit

它包含所有必備的Web UI元素,還提供了大量的PSD檔案,便於設計人員修改。

Icon Deposit CSS3 UI Kit



Gumby Framework UI Kit

Gumby Framework是一個全新的響應式960 Grid CSS框架,它的網格系統是高度可自定義的,並且可以輕鬆建立你自己所需的設計模型。

Gumby Framework 響應式960 Grid CSS框架



Massive CSS3 UI Kit

Massive CSS3 UI Kit提供了種類豐富的UI元素,這些元素全部都是基於CSS3的。它只提供了一種影像用於建立下拉箭頭,無需JavaScript,無需額外的標記。每個UI元素都定義了一個禁用樣式。

Massive CSS3 UI Kit



CSS Grid UI Set

CSS Grid UI Set提供了乾淨的圖示和獨特的Dark風格UI。這個UI包是基於HTML/CSS的。

CSS Grid UI Set



Pure CSS UI Kit

顧名思義,這個UI工具包是完全基於CSS的。

Pure CSS UI Kit



Lion CSS UI Kit

Lion CSS UI Kit可以為Mac OS X Lion原生app設計原型圖,對於網頁設計師來說是一個非常容易上手的工具。這個工具包是專為基於Webkit的瀏覽器設計的,不過它在其他支援漸變和flexboxes的瀏覽器中也能執行良好。

Lion CSS UI Kit



CSSUIKit

CSSUIKit是一個專門針對iOS裝置的UI工具包,提供iOS必須的所有UI元素。有了這個工具包,使用者可以設計出流暢的iOS應用模型。

CSSUIKit

ByTop 12 Free CSS UI Toolkits

本文轉載自:www.evget.com
相關閱讀
評論(2)

相關文章