Skip to content
This repository


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Windows Metro Tiles with css3 and javascript

branch: master

Merge pull request #7 from bravomartin/master

Smoother animation
latest commit 83f7540b17
Tim Holman authored
Octocat-spinner-32 css Demo page updates
Octocat-spinner-32 js added perspective value to idleCss
Octocat-spinner-32 index.html Updated readme
Octocat-spinner-32 Updated readme


A Simple javascript replication of the subtle tilting effect when you click a tile in windows 8. Tilejs uses css3 transforms, so it is only supported by modern browsers.


<!-- Include the "metro-tile" class in your element -->
<div class="metro-tile"> This is my div, styled however I like </div>

<!-- Include the tileJs script -->
<script src="js/tileJs.js" type="text/javascript"></script>

<!-- Thats all! -->


  • tileJS should work in all browsers that support css3 transforms (firefox 10+, chrome 12+, ie 10+, Safari 4+), to check your browser support, check caniuse: here

In the wild

Something went wrong with that request. Please try again.