超棒的 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应用。

你可能感兴趣的:(超棒的 Windows 8 Metro UI 风格框架)