Skip to content

CSS definitions to create Metro (Windows Phone 8) UI Elements in HTML.

Notifications You must be signed in to change notification settings

SniperGER/MetroUI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#MetroUI 2.1 (Build 2B248d) ##Technical Preview

Please note that this Technical Preview is for Desktop devices or Tablets only.

Welcome to MetroUI

A game-changing mobile app framework, driven by the powerful HTML5 and CSS3.

The key of MetroUI is absolute precision. Every feature, every detail looks and feels the same as Windows and Windows Phone. Because Microsoft released design templates for new Store apps on both platforms, MetroUI has strict guidelines on how to look.

Features

MetroUI has almost any features found in Windows 8 and Windows Phone 8, so you can create the app you want without having to struggle through app review guidelines.

  • Views

  • Menus & Pages

  • Navigation and Application Bars

  • Task View

  • Text + Labels

  • Buttons

  • Radio Buttons

  • Checkboxes

  • Toggle Switches

  • Sliders

  • Switches

  • Progress Indicators

  • Input Fields

  • Lists

  • Flyouts (including Dropdown Menus)

  • Navigation

  • Bars (Navigation Bars & Application Bars)

  • Menus

  • Page Loading (using XHR)

  • Notifications

  • Alert

  • Confirm Dialogs

  • Theming (Light and Dark Themes)

  • Over 90 Accent Colors (including Windows 8.1, Windows Phone 8.1 and Windows 10)

  • Colored Pages

Download & Install

You can either

$ git clone git://github.com/SniperGER/MetroUI.git

MetroUI is ready to use, but you can build it yourself if you want to change something. As MetroUI is built with Grunt and Node, you need Node.js as a prerequisite. Then you can create your build using these commands:

$ npm install
$ grunt build

You can find the output in ./build

Documentation

The Documentation is currently not available.

Changelog

A Changelog can be found when opening index.html

About

CSS definitions to create Metro (Windows Phone 8) UI Elements in HTML.

Resources

Stars

Watchers

Forks

Packages

No packages published