MonkeyStyler - FireMonkey Style Designer/Editor

Stand alone - ready for use by designers.

Open multiple files - work with built in styles, custom styles and third party styles at the same time.

Create new elements by copying existing ones.

Live preview changes as you type, click or drag.

Copy and paste individual components and trees of components between elements and files.

Full featured property editor - just like you're used to.

Modeless design - save clicks, save frustration.

Live edit styles as your application runs.

[Buy now] Download

Jargon Buster

An introduction to FireMonkey Styles.

  • Default style file: a list of style elements built into your application. You will probably use a default style supplied by Embarcadero such as the Windows or Mac styles.
  • Custom style file: A list of style elements unique to your application. These will probably be derived from those in the default style file.
  • Style elements (or just elements): Each style file contains a list of style elements. Each element customises a single control. E.g. ButtonStyle is the default style for a TButton. CheckBoxStyle is the default style for a TCheckBox.
  • Components: Styles are constructed from components - the same ones you see on Delphi's component palette. Some are basic primitives (TRectangle, TText etc.), some are entire controls (TScrollBar, TButton).
  • Component tree: Styles leverage FireMonkeys ability for any component to parent any other. Style elements are a 'tree' of components building up the style. Perhaps a TLayout which contains a TRectangle which contains a TText. And that TLayout could parent another TLayout which contains a TButton.

Design Principles

Several principles guided the development of MonkeyStyler.

  • Easy navigation. It must be easy to find your way around a style file. To find the elements which make up a file, and also to explore the components which make up an element.
  • Modeless. MonkeyStyler won't have you forever clearing error dialogs and hitting OK to apply changes.
  • Live editing. See the results of changes as you type, drag or click (with no modal OK buttons). And note how this works with the Live Styles feature - See under 'Live Styles'.
  • Interactive. FireMonkey is an interactive platform with animations and styles. MonkeyStyler has been designed to give you full previews of them (and again check out 'Live Styles').
  • Continuous improvement. MonkeyStyler won't make you wait months or years for new features. You can expect frequent incremental improvements, new features and bug fixes.


Files and Elements

  • Load multiple files. The quickest way to create a custom style is to copy style elements from the built in, Embarcadero supplied, styles to your own style file. MonkeyStyler can open an unlimited number of files to make such activities quick and painless.
  • Copy elements within or between files. When working with those multiple files you need an easy way to copy style elements between files. In MonkeyStyler you can do this by clicking the 'Copy To' button on the toolbar. The 'copy to...' dialog has options to copy between files, within a file, or into a new file.

Control Viewer

  • Live preview of your style. The control preview shows how your style will look when loaded into your application. The preview is completely 'live' - animations run in real time and effects can be applied.
  • Show and hide individual components. The 'components' drop down below the preview shows the components which make up the style. You can quickly learn how each component contributes to the style by hiding and showing individual components using the check boxes.
  • Turn animations and effects on and off. The check boxes also activate animations and effects. The animations run in real time, just as they will in your software. And effects are applied just as they will be at run-time.

Property Editor

  • The property editor works pretty much as you're used to the one from Delphi/C++ Builder/RAD Studio, but with a few enhancements.
  • Expand child objects. Just as you're used to from the IDE, you can drill down into the properties of child objects.
  • Drop down property editors. Click on many values and a drop-down property editor will appear. Maybe a slider for a numeric value, or a color picker.
  • Instant live preview. As you edit a property value, or use the drop-down property editors, the Control Preview updates live. Colors change as you drag across a color picker. Text changes as you type. Sizes adjust as you drag a slider. This works for every value and property type, including: Align layouts; Line styles; Gradients; Corner settings. Anything.
  • Modeless design. It's hard to explain how much more fun this makes development. Never again will you select a value, click OK to see what it looks like, then reopen an editor for the next revision. Just type, drag and click until everythings looks great.
  • Live animation editing. Here's a cool trick: start an animation looping in the preview; edit the properties for the animation. The animation runs continuously and the edits you make show up immediately in the preview. No, the animation doesn't restart. It changes live, part way through the animation. You can edit colors, start and stop values, interpolation types. Anything. Live.
  • Cut/copy/paste components. So, you have part of one element which you want to replicate in another element. Simple, select the component, click Copy. Move to the target location and click Paste. No need to remember property settings. No need to edit text files.
  • Cut/copy/paste entire component trees. But what if you have a whole tree of components you want to replicate? Perhaps a TPath inside a TLayout as part an element. Again simple, the cut, copy and paste commands work just as well on whole trees of components.
  • Cut/copy/paste from anywhere to anywhere. And you can use the same operations to copy within a single element, between elements in a single file, or between elements in different files.
  • Add new components to a style. And, of course, you can add new components to your elements. MonkeyStyler has a full list of FireMonkey components, animations and effects for you to pick from.

'Live Styles' - Edit styles as your application runs.

  • Are you used to edit/compile/run cycles when developing your styles?
  • Here's a cool trick: MonkeyStyler can edit the styles within your application as it runs. Edit a button and it's appearance changes live. (And I really mean live - as you type, click or drag in the property editors, color editors etc.)
  • Radically change those styles. You can change a fill from solid to a gradient to a bitmap. You can move a button within your style from right aligned to left aligned. You can swap a TGlowEffect for a TShadowEffect. You can change animation types and values (and yes they update live again).
  • And set up is simple: add a couple of units to your project. Set a couple of properties from your main forms FormCreate event handler. Run you application. Run MonkeyStyler and open your style file (or a default style file).

90 Day Money Back Guarantee

MonkeyStyler is backed up by a 90 day money back guarantee. Let us know at any time up to ninety days after purchase that you aren't entirely happy and we will give you a full refund.

12 Months Priority Technical Support - 12 Months Free Upgrades

All purchases include twelve months priority technical support and twelve months of free upgrades. Note under Design Principles above our policy of continuous improvement. We have a large number of improvements, both large and small, to make over the next twelve months. Purchase now and get them all as soon as they are available.

Instant Online Delivery

Your keycode and download link will be displayed on screen and emailed to you immediately the purchase is complete. You can visit the users page or contact us any time for a reminder.

System Requirements

MonkeyStyler runs on Windows 8/7/Vista/XP. Sorry, there's no Mac version (yet).
If you're system runs any of the above OSes then it should have plenty of processor, RAM and disk space for MonkeyStyler.
MonkeyStyler currently supports Delphi, C++ Builder and RAD Studio XE2 and XE3 editions.

[Buy now] Download