收集Windows 8 Metro UI 風格網站資源，以爲不錯的頂啊！！

這些資源包含：模板，框架，jQuery插件，圖標集等。幫助你快速開發Windows 8 Metro UI風格的網站。本文轉自蝦米站長網

Frameworks & Templates For Metro-Styled Websites

---

Metro UI CSS

Metro UI CSS是一個漂亮，完整的框架，用於構建Metro風格網站。

它有杉LESS建立並擁有一個網格系統，包含排版，表格，表單，按鈕，和圖像的樣式。

它內置JavaScript組件： popular tiles, menu, sidebar, accordion, progress bars, notices 等。

BootMetro

BootMetro這個框架基於Twitter BootStrap，提供了win8風格的界面和設計類庫，若是你但願可以開發相似win8風格的網站或者應用，這個框架是一個不錯的選擇！ 

這個框架設計源於Metro UI CSS，提供了豐富的UI設計樣式和元素，包含了大量的設計組件，插件和佈局元素。相信若是你須要開發win8風格的界面，它絕對是你的開發利器。 

 

metro-bootstrap

相似上面提到的BootMetro，metro-bootstrap。也是一個Twitter Bootstrap主題。

它擁有Bootstrap的全部優勢，還包含LESS樣式。

Metro UI Template

這是一個網站框架和模板，用於建立Windows 8 Metro UI風格的網站。

這模板也應用於建立移動網站，並擁有一個jQuery UI 主題。

Droptiles – Metro-Style Web Dashboard

一個開源的相似於Windows 8 Start的Web 2.0儀表盤Dashboard (相似於 iGoogle).

這個項目採用ASP.NET開發，但能夠輕鬆移植到其它語言。

PHP Image Gallery In Metro UI

這是一個PHP相冊腳本，可以自動生成縮略圖。並在一個Lightbox中展現圖片。它徹底兼容HTML5 和 CSS3。

Motown

一個利用 Visual Studio來構建 Metro風格應用的類庫。並儘量少編碼。它不須要任何JavaScript框架。

 

jQuery Plugins For Metro UI-Styled Websites

---

jq-metro

jq-metro jQuery插件自帶多個控件用來建立相似Metro的界面。

當前控件包括：panorama, pivot, progress bar, list picker, toggle switch, buttons 和 textbox 。

Metro JS

這個jQuery Metro UI 插件用於建立瓷磚，應用程序欄和有主題的支持。瓷磚和應用程序欄是高度可定製的功能和設計。

jQuery Metro UI Plugin

該插件使咱們可以輕鬆地創造了瓷磚.

jQuery Mobile Metro Theme

這是一個免費的jQuery mobile Metro UI 主題。它使用各類插件，用於處理應用程序欄，進度條，切換按鈕和日期選擇器。

Metro UI Theme Builder For jQuery UI

一個相似於ThemeRoller的主題構建器，用於jQuery UI。可用於建立Metro UI外觀輸出。

TileJS (non-jQuery)

一個獨立的JavaScript代碼用於建立的瓦片，點擊onClick時會出現傾斜效果的（CSS3）。

 

Free Metro UI Icons

---

 

Modern UI Icons

 

 

A set of pixel-perfect and hand-crafted icons in the Metro UI style.

They come in .design, 48*48px PNG (for App Bar) and as XAML files.

Metro UI Dock Icon Set

一組 670+ 免費Windows 8 dock 圖標。

格式有：512*512px .PNG, 256*256px .ICO and as .SVG (converted by another designer).

Metro Icons

這個圖標集雖然源於Windows Phone 7，但仍然適用於Metro UI應用。

More script and css style 蝦米站長網 :