FxStyleExplorer

FxStyleExplorer targets Adobe Flex developers who want to visualize the way changing various user interface components reflects in their own application.

FxStyleExplorer was designed to match the specifications of Adobe Flex 3 and is a little bit outdated, considering that Adobe’s product has now reached higher versions. However, there still might be adepts of Flex 3 and for them, FxStyleExplorer could be a valuable asset.

FxStyleExplorer allows programmers to actually see how changing a style related parameter may affect the appearance of a custom developed application. It can also serve as a learning platform for less experienced developers, as it also returns the CSS code of every element.

It is an Air-based application, but this is its only requirement. Installation ends in under a minute, following which you can start exploring its perks bit by bit.

The program sports a very intuitive and user-friendly design, presenting a list of the elements which you can experiment with in a neat sidebar. Buttons, containers, form elements, lists, navigators, rules, scroll bars and sliders are the categories populating the aforementioned list, which you can explore endlessly.

Each of the elements are characterized by various style properties that can be previewed in the so-called sandbox, with the adjacent code displayed in a CSS panel for future reference.

Alternatively, you can also hit the ‘Export All CSS’ button in order to automatically export the code to the clipboard.

FxStyleExplorer impresses through the richness of the elements put at your disposal. Any customization is immediately reflected in the Preview box, which gives you an idea on how your application will look like.