JMetro – Windows 8 Metro controls on Java


I’ve been studying the interface of Windows 8, so I thought why not do a windows 8 theme for Java and what better timing that this given that there are only 3 days left for windows 8 to be available.

My first control is the Windows 8 “Push Button”, it’s simply just the normal button that you’re used to.

I’ll be releasing two themes: a dark theme (JMetroDarkTheme.css) and a light theme(JMetroLightTheme.css). The pictures below are just a still of the demo app, they do not illustrate all the states and corresponding styles the “Push Button”s can have.

Together with the css files I’ve put an fxml file as an example. You can open it in scene builder than choose the style sheet you want to use by pressing “Preview -> Preview a style sheet…”. To see it in action click “Preview->Preview in window”.

The buttons are simply styled by adding the “.push-button” css class to a Button.

You can get the files here. Use them for any purpose, commercial or not.


30 thoughts on “JMetro – Windows 8 Metro controls on Java

  1. This is looking sweet. Have you considered using the css variables defined in caspian instead of applying the css directly to the control classes? This removes a lot of edge cases where caspian might be peeking through if you forget to style a certain part of the control.

  2. Crie um tema do Windows 8 para Java | Porta 25

  3. Java desktop links of the week, October 29 | Jonathan Giles

  4. » Enlaces de interés. 3era Búsqueda

  5. This is for the native ones | GuiGarage

  6. Thank you so much man, I’ve been looking for something like this for ages! 😀
    It’d be great if you made a progress bar aswell 🙂 And maybe a loading spinning wheel but i guess that can’t be made with css alone

  7. JavaFx and User Resizable Images | eckama11

  8. Tutorial JavaFX 8 - Parte 4: Hojas de estilo CSS -

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s