Metro UI PHP Generator

Build Windows 8-style websites with ease

This project is a website framework and template to build sites using the style of the new Windows 8 Metro UI. It has smooth transitions and it’s easy to modify. Many tiles are included, and you can create your own tiles easily. This templating framework is meant for people that want to make great-looking and impressive with basic HTML knowledge. Check it out!

 metro-ui-php-generator

DOWNLOAD

Tiles

You can create a whole tile by just using one line of Javascript code. There are lots of tiles. Check out this website and the Demo page to see more tiles. Some tiles: slideshow tiles, live tiles, flipping tiles (image on the one side, flips to text when hovering), image tiles, ..


Download plugins

…and extend functionality. Available now:

  • RSS tile
  • Twitter tile
  • Weather tile
  • Media tile (for Youtube videos etc)
  • Google Maps tile
  • “Click-for-fullscreen-image” tile

Check them out here: Tiles demo page.
These tiles are available on the forum for donating members only


Theming

Easily adapt the template to your style. Almost all the CSS style elements are combined in one file. Using Firebug or Chrome’s Developer Console, you can theme this template easily. Also, check out the Android theme for a dark theme.


Using modern technology

Like CSS3 animations (with jQuery fallbacks for older browsers!), jQuery… for good performance.
Tested in IE8/9/10, Firefox, Chrome, Safari & Opera and works perfectly

The built-in compressing system combines all the javascript and CSS files in 1 file and strips out comments, to optimize loading times


SEO

SEO optimized AJAX pages (using the Google Specifications)

Don’t struggle alone with projects

Join the creative community of UX, graphic, web designers and developers to get help with any design or dev project.


Mobile ready

Check the Mobile version with automatic mobile detection.
The mobile website doesn’t require Javascript to work


jQueryUI theme

A jQueryUI theme is also available, see it in action here; jQuery UI demo


Requirements

You need a server with PHP 5.3+, and very basic knowledge of HTML, CSS, javascript. This templating framework has no real GUI to edit menus / pages, so you have to know how to use html syntax in pages (for including images, titles, bold text) and very basic Javascript (just filling in some arguments!) for setting up the tiles. If you’re unsure your capabilities are enough, try the free lite version on the download page.


You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *