Skip to content
Windows Metro Tiles with css3 and javascript
JavaScript HTML CSS
Find file
Latest commit 41a15ab @tholman Merge pull request #9 from darthmaim/patch-1
Fixed typo in index.html
Failed to load latest commit information.
css Demo page updates
js added perspective value to idleCss
index.html Fixed typo in index.html 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.