[摘]不容錯過的window8 metro UI風格的web資源Metro風格的網站架構和模闆Metro風格jQuery插件資源免費Metro UI圖示

對于微軟來說這是一個巨大的改變，而且所有微軟的平台包括，桌面，平闆，移動及其網站都使用這個UI風格。

Metro UI CSS是一個非常完整的建立Metro風格的網站的架構。使用LESS建立，并且擁有網格系統，排版樣式，表格，按鈕和圖檔。

同時也擁有内建的javascript元件，幫助你生成片狀，菜單，邊欄，進度條，提示等等

BootMetro是一個Twitter Bootstrap的Metro風格主題。你可以建立Metro風格的樣式。例如，片狀UI，工具欄，其它元件。

類似上面的BootMetro，這是另外一個Twitter Bootstrap主題，擁有所有的漂亮元件，并且包含了LESS。

這是一個網站的架構和模闆，用來建立windows 8 Metro UI風格的界面。擁有平滑的過渡效果和tiles（包括，RSS，Twitter，weather等等）

這個模闆支援模闆并且擁有jQuery UI主題。

一個開源的windows 8開始界面dashboard（類似igoogle)。

使用tiles來展示資訊，每一個tiles是獨立的應用可以用來擷取資料。這個項目基于ASP.NET可以移植到其它語言。

一個PHP的圖檔畫廊可以自動生成縮略圖，并且可以使用lightbox來顯示圖檔。支援HTML5和CSS3。

一個用來建立Metro風格應用的類庫，使用很少代碼即可實作。不依賴其它javascript類庫。

一個jQuery插件用來建立Metro風格的界面。目前，panorama，privot，進度條，清單選擇，切換，按鈕等。

這個jQuery Metro UI插件可以用來建立tiles，應用條，并且支援主題。功能和設計完全可定制。

這個插件可以簡單的建立tiles視圖并且支援聚焦。

一個免費jQuery移動Metro UI主題，完全支援自定義。使用不同插件來處理應用欄，進度條，按鈕和日期選擇器。

擁有themeroller風格的jQuery UI主題建立，幫助你建立Metro UI風格樣式

一個标準的javascript代碼來建立tiles并且擁有完整tiles的onclick效果。

一套簡單手繪的Metro UI風格圖示，擁有48x48大小的PNG格式及其XAML檔案。

windows phone 7的圖示，非常适合Metro UI應用。

via webresourcesdepot