# metroui-web

**Repository Path**: mirrors_jfinal/metroui-web

## Basic Information

- **Project Name**: metroui-web
- **Description**: Simple and complete web UI framework to create web apps with Windows 8 Metro user interface.
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-25
- **Last Updated**: 2025-12-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# MetroUI-Web


MetroUI-Web provides simple and flexible HTML, CSS, and Javascript for web apps that wants to mimic the "Windows 8 MetroUI" style, without the need to run on Windows 8.
It is built on top of Twitter Bootstrap and inspired by the Metro UI CSS by Sergey Pimenov.


## Features
The framework permit to create web applications with the look&feel of the not-yet-released Windows 8 MetroUI style.
Maybe not ideal for internet web sites, the MetroUI style can be adopted for modern intranet web sites.
I've choosen to use as base the awesome Twitter Bootstrap framework, applying a set of customizations in pure css (but planning to do it in LESS for future version).


The framework integrate and extend the work first done by other great people:
   - [HTML5 Boilerplate](http://html5boilerplate.com/)
   - [Twitter Bootstrap](http://twitter.github.com/bootstrap)
   - [Metro UI CSS by Sergey Pimenov](http://metroui.org.ua/)
   - [IcoMoon](http://keyamoon.com/icomoon/#toHome)


## Versioning

### Latest Release: v0.8

* first official drop with:
   * tiles
   * almost complete Bootstrap re-styled with MetroUI

## ToDo

* Complete the implementation of the tiles templates


## Links

### Metro UI Guidelines

* [UX guidelines for Metro style apps](http://msdn.microsoft.com/en-us/library/windows/apps/hh465424)

* [Navigation design for Metro style apps](http://msdn.microsoft.com/en-us/library/windows/apps/hh761500)

* [Guidelines and checklist for search](http://msdn.microsoft.com/en-us/library/windows/apps/hh465233)

* [Commanding design for Metro style apps](http://msdn.microsoft.com/en-us/library/windows/apps/hh761499)

* [Guidelines and checklist for text and typography](http://msdn.microsoft.com/en-us/library/windows/apps/hh700394)

* [Choosing the right UI surfaces]( http://msdn.microsoft.com/en-us/library/windows/apps/hh465304)

* [Choosing a tile template](http://msdn.microsoft.com/en-us/library/windows/apps/hh761491.aspx)
   
* [Tile image sizes](http://msdn.microsoft.com/en-us/library/windows/apps/hh781198.aspx)