Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Simple and complete web UI framework to create web apps with Windows 8 Metro user interface.
Branch: master
Pull request Compare This branch is 284 commits behind aozora:master.

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
build
content
scripts
templates
.gitignore
README.md
appbar-demo.html
bootstrap-base-css.html
bootstrap-components.html
bootstrap-javascript.html
bootstrap-scaffolding.html
hub.html
icons.html
index.html
square-tiles-templates.html
table.html
tiles-templates.html
wide-tiles-templates.html
widepeek-tiles-templates.html

README.md

BootMetro

BootMetro provides simple and flexible HTML, CSS, and Javascript for web apps that wants to use 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:

Versioning

Latest Release: v0.5

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

ToDo

  • fix charms & charms animation like bootstrap plugins
  • check layout guideline on "Understanding the Windows 8 silhouette"
    • make 2 layout grid: h-scroll + v-scroll
  • (almost done) Complete the implementation of the tiles templates (add counter & mini ico)
  • demo form page with notifications
  • demo ListView
  • demo image thumbs selectables
  • demo charms with docs

Links

Official Metro UI Guidelines

Something went wrong with that request. Please try again.