Do not miss window8 metro UI-style web Resources

Source: Internet
Author: User

  

 

Recently, Microsoft has officially released the windows 8 operating system. The style of the window operating system has completely changed to the tile-like Metro UI.

This is a huge change for Microsoft, and all Microsoft platforms, including desktops, tablets, mobile devices, and websites, use this UI style.

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

If you like the Metro style too, we have collected a lot of Metro UI layout resources for windows 8!

 Metro-style website framework and templates

Metro UI CSS

Metro ui css is a very complete framework for creating Metro-style websites. Create with LESS, and have a grid system, typographical style, table, button, and image.

It also has built-in javascript components to help you generate slice, menus, sidebar, progress bar, and prompts.

Etro UI CSS

  

 

BootMetro

BootMetro is a Twitter Bootstrap Metro-style topic. You can create a Metro style. For example, slice UI, toolbar, and other components.

  

 

Metro-bootstrap

Similar to the BootMetro above, this is another Twitter Bootstrap topic. It has all the beautiful components and contains LESS.

  

 

Metro UI Template

This is a website framework and template used to create a windows 8 Metro UI interface. Smooth transition and tiles (including RSS, Twitter, weather, and so on)

This template supports templates and has jQuery UI themes.

  

 

Droptiles-Metro-Style Web Dashboard

An open-source windows 8 startup dashboard (similar to igoogle ).

Tiles is used to display information. Each tiles is an independent application that can be used to obtain data. This project can be transplanted to other languages based on ASP. NET.

  

 

PHP Image Gallery In Metro UI

A PHP image gallery can automatically generate thumbnails and use lightbox to display images. Supports HTML5 and CSS3.

  

 

Motown

A class library used to create a Metro-style application can be implemented with little code. Does not rely on other javascript class libraries.

  Metro jQuery plug-in resources

Jq-metro

A jQuery plug-in is used to create a Metro-style interface. Currently, panorama, privot, progress bar, list selection, switchover, and buttons are supported.

  

 

Metro JS

This jQuery Metro UI plug-in can be used to create tiles, application entries, and themes. Functions and designs can be customized.

  

 

JQuery Metro UI Plugin

This plug-in allows you to easily create tiles views and support focusing.

  

 

JQuery Mobile Metro Theme

A free jQuery mobile Metro UI topic that fully supports customization. Use different plug-ins to process application columns, progress bars, buttons, and date selectors.

  

 

Metro UI Theme Builder For jQuery UI

Create a themeroller-style jQuery UI topic to help you create a Metro UI Style

  

 

TileJS (non-jQuery)

A standard javascript code is used to create tiles and have the onclick effect of the complete tiles.

  

 

  Free Metro UI icon

Modern UI Icons

A set of simple hand-drawn Metro UI icons with 48x48 PNG formats and Their XAML files.

  

 

Metro UI Dock Icon Set

A set of 670 Windows 8 icons are being added. It has 512x512 png format, 256x256. ico and. svg format (designed by other designers ).

  

 

Metro Icons

Windows phone 7 icons are ideal for Metro UI applications.

  

 

Source: Do not miss 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.