Home / Premium Pro Plugins / MelonHTML5 – Metro UI

MelonHTML5 – Metro UI

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)




Metro UI is a versatile and straightforward to combine framework to construct your one web page web site in Home windows eight Metro UI. It’s totally powered by HTML5, CSS3 and JavaScript with plengy of choices so that you can configure it to fit your personal wants.

Please give it fast score in the event you like this. If in case you have any strategies/characteristic request otherwise you discover a bug, you’re greater than welcome to contact me and I’ll tackle them ASAP.

NOTE: That is the PHP model. A pure HTML/JavaScript model can be obtainable right here.


Desktop and Cell Gadget (Telephone + Pill) Prepared
Desktip View and Cell View. Every gadget kind will get its personal view by default and has the power to change between.

Resonsive UI Design
Your entire UI is designed responsively with media queries so that it’ll match any display screen sizes

Full HTML5 + CSS3 Animations
HTML5 parts/idea are used as many as attainable. All animations are purely in CSS3. No jQuery fallbacks are used for outdated IEs for higher efficiency.

Previous IE Help
The UI can be totally useful in outdated IEs (IE7, IE8). The one distinction is that IE received’t get animations.

Sliding Button Bar
Identical to Home windows eight, every web page will get a sliding management bar when mouse is moved to the proper fringe of the display screen.

One Web page Utility
The entire UI design follows the idea of 1 web page app, which suggests just one web page request is made per go to, and all the remaining are dealt with in XHR (AJAX).

Working with Browser Again button
Again & Ahead buttons can nonetheless be used as traditional to navigate between 2 pages, similar to regular web sites.

Customizable Tiles
Every tile may be personalized to have its personal color, icon, exterior hyperlink, XHR callback … and so forth

Tiles are grouped into containers which have 2 totally different sizes: half and full. You’ll be able to add as many containers as you need to.

Good Web page Content material Caching
Web page contents are all cached after first load which permits the 2nd go to of the identical web page to be nearly immediate.

Integration with Google Analytics
Every tile open may be configured as a traditional web page open in Google Analytics.

Object oriented PHP framework
All PHP code are written in mordern object oriented type with clear and straightforward to know construction.


v1.11 @ 26 Aug 2014

UPDATE: Up to date styling for cell mode

v1.10 @ 28 June 2013

BUGFIX: Mounted a show situation when zoom stage will not be 100%

v1.09 @ 15 March 2013

UPDATE: Simplified file embody
UPDATE: Up to date rounting script to make use of customary hashbang

v1.08 @ 27 Feb 2013

UPDATE: Redesigned Sidebar
UPDATE: Generate CSS for various container/widget configurations robotically

v1.07 @ 14 Feb 2013

UPDATE: Moved media question to a separate metro_mobile.css
UPDATE: Redesigned cell mode
UPDATE: Many JS & CSS enhancements

v1.06 @ 15 Dec 2012

UPDATE: Minor CSS enhancements

v1.05 @ 30 Oct 2012

UPDATE: Modified hover impact to scale tiles
UPDATE: New settings panel
UPDATE: JS & CSS optimizations

v1.04 @ 04 Oct 2012

UPDATE: Added a "begin" button. Clicking on it toggles the "Element" view
UPDATE: Modified to make use of "animation" as a substitute of "transition" for the sliding management indicator
UPDATE: Modified animation on doc load to fade in tiles one after the other as a substitute of flipping suddenly

v1.03 @ 29 Sep 2012

UPDATE: Permit setting theme on containers to make all tiles show in a single color

v1.02 @ 21 Sep 2012

UPDATE: Permit setting widget URL to empty string to cease opening widget on click on

v1.01 @ 14 Sep 2012

UPDATE: Present sliding management button indicator just for 1st time customers
UPDATE: JavaScript efficiency enhancements

v1.00 @ 09 Sep 2012

UPDATE: Preliminary launch


Check Also


Double Colors

DOWNLOAD It’s countless recreation. You want faucet for rotate blocks. Contact similar colours! Watch video ...


Love Calculator

DOWNLOAD Love calculator is a enjoyable software the place buddies and can calculate the share ...