Web Design resources: Windows8 's Metro UI style layout case

Source: Internet
Author: User
Tags contains interface

Article Description: This article collects a lot of Windows 8 Metro UI style layout resources, I hope you like!

Microsoft has officially released its Windows 8 operating system, and the style of the Windows operating system has completely changed to a porcelain-like Metro UI. This is a huge change for Microsoft, and all Microsoft platforms, including desktops, tablets, mobile and Web sites, use this UI style. The Metro UI contains all the features of modern web design: A simplified, grid-based interface, and continuity.

This article collects a lot of Windows 8 Metro UI style layout resources, I hope you like!

One, Metro Style Web site framework and templates

Metro UI CSS

Metro UI CSS is a very complete framework for creating Metro-style sites. Use less to create and have grid systems, typography styles, tables, buttons, and pictures. It also has built-in JavaScript components to help you create porcelain stickers, menus, sidebar, progress bars, tips, and more.

Bootmetro

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

Metro-bootstrap

Similar to the above Bootmetro, this is another Twitter bootstrap theme that has all the beautiful components and contains less.

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 (rss, Twitter, weather, etc.).

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 is based on ASP.net and can be ported to other languages.

PHP Image Gallery in Metro UI

A picture gallery of PHP that automatically generates thumbnails and can use Lightbox to display pictures. Support HTML5 and CSS3.

Motown

A class library that creates a Metro style application that can be implemented with very little code. Does not rely on other JavaScript class libraries.

[1] [2] [3] Next page



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.