Skip to content
Windows Metro Tiles with css3 and javascript
Branch: master
Clone or download
Latest commit c5d8945 Jul 19, 2017
Type Name Latest commit message Commit time
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 Create Jul 19, 2017 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

You can’t perform that action at this time.