對于微軟來說這是一個巨大的改變,而且所有微軟的平台包括,桌面,平闆,移動及其網站都使用這個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