Metro Windows 8 style Design Example?

Flow
1

Hey,
I am kind of new to vaadin, and i am using it for a more ‘traditional’ web design - i.e - not a reall an app.

I am aiming for a metro style ui, something like : http://metroui.org.ua/
but this one is a bit hard for me to integrate inside my code.

Can anyone suggest any good example (Source code) of metro style vaadin design, maybe even some demo project, or even some eductional material with nice exmple?

i find the best way to learn is to do it by examples…

Thanks

2

Hi,

if it is only for the style of the components, you can refer to the valo demo:
http://demo.vaadin.com/valo-theme/

Over there you can switch the theme on the upper right corner, there is a metro example theme.

The theme definition can be found over here:
https://github.com/vaadin/vaadin/tree/master/WebContent/VAADIN/themes/tests-valo-metro

3

hey,
Thanks for your quick answer,
and if im looking also for the total look and feel of the site? i.e - windows 8 menu style with moving components etc, or “floating” components.
is there a layout that allows such thing?