Tilt - 3D Metro Navigation

Tilt is a JavaScript and CSS library for building Metro navigation grids, tiles and other things that tilt. It mimics the behavior of Metro tiles which when pushed tilt based on the interaction location. It’s completely configurable, mobile friendly and responsive, perfect for navigation, image galleries or just to make things tilt and look cool. The package contains the original source files so you can tweak tilt to your own liking. Plug & Play and no dependency on jQuery or other libraries.


  • 3D Physics
  • Responsive Metro Grid
  • Grid Hinting
  • Responsive Tiles
  • Photo Backdrops
  • Counters
  • Metro Color Schemes
  • Various Caption Positions
  • Various Icon Positions
  • Font and Tile sizes
  • Rounded Corner levels
  • Font Awesome support
  • Hovering Tiles
  • Bright and Dark Glass Tiles
  • Automatic Social Network Coloring
  • Various Tile Shapes
  • Support

    If you have any questions before or after you purchase tilt, please don’t hesitate to contact me, I am happy to assist.


  • Responsive
  • Touch friendly
  • Standalone
  • Browsers

  • Chrome
  • Safari
  • Firefox
  • Opera
  • iOS 6+
  • IE10
  • IE9 (no animations)
  • IE8 (no animations)
  • Expected to work on Android 4.0+ as well but for now untested, if you have any doubts check the Live Preview to be sure before buying.


  • Minimized and original version of javascript files
  • Minimized css with all metro colors plus separate css file for each color
  • History


  • Custom grids are now also animated.
  • 1.2.0

  • Added fill tile type for use in custom grids like Bootstrap or Foundation.
  • 1.1.0

  • Added IE8 support
  • Updated grid tile allocation to make uneven grid width allocation easier.
  • Fixed bug where tile types with grid scale higher than 9 threw an error.