HTMLJavascript based Metro Style Boxes - Stack Overflow

admin管理员组

文章数量:1364055

Im just wondering if anyone knows of any JS libraries out there that allow me to create a webpage with tiles/touch panels that function like the windows 8 metro/modern UI panels (also lays out boxes according to available page real estate). Basically wanting to make a metro style menu in my web application.

Thanks in advance

Im just wondering if anyone knows of any JS libraries out there that allow me to create a webpage with tiles/touch panels that function like the windows 8 metro/modern UI panels (also lays out boxes according to available page real estate). Basically wanting to make a metro style menu in my web application.

Thanks in advance

• javascript
• html
• windows-8
• microsoft-metro

Share Improve this question Follow asked Sep 25, 2012 at 23:09 MattMatt 2,8631111 gold badges5858 silver badges102102 bronze badges 2

• It's a good question, not a very good fit for SO though, since there isn't one correct answer – Ruan Mendes Commented Sep 25, 2012 at 23:11
• you can use this metroui.ua and code.google./p/jq-metro – Arpit Srivastava Commented Sep 26, 2012 at 3:51

Add a ment  | 

6 Answers 6

Sorted by: Reset to default 5

Yes, there is an excellent one called MetroJS tha handles the tile animations. But it is up to you to manage their display on the page. http://www.drewgreenwell./projects/metrojs

Works excellent!

I used this application to create my app Tweaker that is in the Windows Store, check out the free trial in the social category. So it works great on Windows 8 too.

I was a little disappointed that the VariableSizedWrapGrid control is not available on WinJS This is the control you want, to handle multiple sized tiles and wrap them all together neatly, unfortunately only available on XAML currently. http://blog.jerrynixon./2012/08/windows-8-beauty-tip-using.html

I'm using metroUI CSS (http://metroui.ua/windows8start.php) and liking it so far. Simple html, styled by CSS, lots of features, drag and drop js, etc.

I've seen this recently and thought it was pretty awesome: http://tholman./projects/tileJs/

Uses HTML / CSS3 to get the subtle rotating window effect when you click on a window. That and MetroJS could be used in bination to get the effect you want.

Let me know what you settle on, I'm planning on doing something like this myself!

Generally you're expected to use the Grid Application project. Using a third party library like MetroJS means that as the platform progresses, you will fall out of date.

If you've ever used the Photoshop file picker, you know why this is not desirable.

I would suggest you to try gridster.js . Here's a demo of it http://gridster/.

If you're a fan of Bootstrap, there's this one called BootMetro which should be very familiar.

本文标签： HTMLJavascript based Metro Style BoxesStack Overflow