Windows Metro Tiles with css3 and javascript
JavaScript HTML CSS
Latest commit 41a15ab Oct 27, 2015 @tholman Merge pull request #9 from darthmaim/patch-1
Fixed typo in index.html
Failed to load latest commit information.
css Demo page updates Aug 2, 2012
js added perspective value to idleCss Nov 28, 2012
index.html Fixed typo in index.html Jun 29, 2015 Updated readme Aug 2, 2012


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