Visually design reactive SVGs in just three steps.

FirstDraw a graphic

The graphic can be drawn in any vector graphics software that is able to produce SVG files. There are no restrictions to the graphic, including typography or images.

SecondUse the Archer Editor to make it dynamic

The Archer Editor can be used very intuitively. It all starts with an import of your SVG file. For each graphical element you can define transformations and bind it to a variable range. When you have finished your dynamic design, simply publish the Archer graphic.

ThirdIntegrate it in your project

Use the Archer Runtime library to integrate your graphic into your software project. With just one line of code you set the variable value and the graphic is transformed the way you designed it in the Archer Editor. Done.

Archer Editor Pro

Archer Editor Pro
Rotate   Yes
Translate   Yes
Scale   Yes
Opacity   Yes
Fill Color   Yes
Stroke Color   Yes
Stroke Width   Yes
Text   Yes
Images   Yes
Context Type Number   Yes
Context Type Text   Yes
Context Type Boolean   Yes
Discrete Transformations   Yes
Interpolated Transformations   Yes
Time-based Transformations   Yes
Reusable Behaviours   Yes
Unbranded runtime   Yes
Pro Support   Yes**

€ 99,99

** Please use the help menu in Archer Pro to send us your support request via Email. Thank you!

In case you want to try before you buy, please send us an email.


Let it bounce

The Archer Pro feature „Time based transition“ adds another level of comfort for designing your graphic. When you normally set the variable values, the SVG reacts immediately, for example a bar is resized instantly. Now, by adding a time function, the elements transformation becomes visual eye candy. We wouldn’t really call it animation, but when you click and a button bounces, we think that’s pretty cool. Besides, we believe that a good user experience is essential for a happy workplace.


You shall all behave equal

Imagine you have several reoccurring elements within your graphic that should behave the same way. Let’s say you visualize a home with 5 temperature instruments. Each of the instruments is part of your graphic and has a similar tree structure of the SVG elements. With the Archer Pro feature „Behaviour copy“ you design one instruments’ behaviour, copy that behaviour and apply it to the rest of your instruments. This saves you many, many clicks! Coming up next: the behaviours can also be exported and imported. This is one of our future Archer Pro features that we are looking forward to the most.

Get Archer Editor in the stores