Not to be missed Window8 Metro UI-style Web resources

Source: Internet
Author: User
Keywords Windows8 metro

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

  

Microsoft has recently officially released its Windows 8 operating system, and the window OS style has completely changed to a tile-like Metro UI.

This is a huge change for Microsoft, and all Microsoft platforms include desktop, tablet, mobile, and Web sites that use this UI style.

The Metro UI contains all the features of modern web design, including, simplifying, grid based interfaces, and continuity. If you are interested you can take a look at the interface design instructions (http://msdn.microsoft.com/en-us/library/windows/apps/hh465424.aspx).

If you also like Metro style, here we collect a lot of Windows 8 Metro UI style layout resources, I hope you like!

Metro Style Web site framework and templates

Metro UI CSS

Metro UI CSS is a very complete framework for creating Metro-style Web sites. Use pager to create, and have grid systems, layout styles, tables, buttons, and pictures.

It also has built-in JavaScript components to help you generate slices, menus, sidebar, progress bars, tips, etc.

Etro UI CSS

  

Bootmetro

Bootmetro is a Twitter-bootstrap metro style theme. You can create Metro style styles. For example, the sheet UI, toolbars, and other components.

  

Metro-bootstrap

Like the Bootmetro above, this is another Twitter bootstrap theme that has all the beautiful components and contains pager.

  

Metro UI Template

This is a Web site framework and template used to create the Windows 8 Metro UI-style interface. has smooth transition effects and tiles (including, rss,twitter,weather, etc.)

This template supports templates and has a jquery UI theme.

  

Droptiles–metro-style Web Dashboard

An open source Windows 8 Start Interface Dashboard (similar to igoogle).

Using tiles to present information, each tiles is an independent application that can be used to obtain data. This project can be ported to other languages based on asp.net.

  

PHP Image Gallery in Metro UI

A picture gallery in PHP can automatically generate thumbnails, and you can use Lightbox to display pictures. Support HTML5 and CSS3.

  

Motown

A class library used to create Metro style applications, with little code. Does not rely on other JavaScript class libraries.

Metro Style jquery Plugin resources

Jq-metro

A jquery plugin is used to create a Metro-style interface. Currently, Panorama,privot, progress bar, list selection, toggle, button, etc.

  

Metro JS

This jquery Metro UI plugin can be used to create tiles, apply bars, and support themes. Features and designs are fully customizable.

  

JQuery Metro UI Plugin

This plugin can simply create tiles views and support focus.

  

JQuery Mobile Metro Theme

A free jquery mobile Metro UI theme that fully supports customization. Use different plug-ins to process the application bar, the progress bar, the button, and the date picker.

  

Metro UI Theme Builder for JQuery UI

Themeroller-style jquery UI theme creation to help you create Metro UI styles

  

Tilejs (Non-jquery)

A standard JavaScript code to create tiles and have a full tiles onclick effect.

  

Free Metro UI icon

Xiandai UI Icons

A simple hand-painted Metro UI style icon with a 48x48 PNG format and its XAML file.

  

Metro UI Dock Icon Set

A set of 670 windows8 icons, which are also added. Owns 512x512 png format, 256x256. ico and. svg format (designed by other designers).

  

Metro Icons

The Windows Phone 7 icon is ideal for Metro UI applications.

  

Source: Not to be missed Window8 Metro UI-style Web resources

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.