Keyshape 4+

Vector graphics animation tool

Pixofield Ltd

    • 4.8 • 43 Ratings
    • $29.99



Keyshape combines vector graphics drawing and animation tools in a single application. Draw and animate icons, banners, and motion graphics for web pages and social media sites.

Drawing Features
• Standard vector tools, such as Node, Pen, Pencil, Rectangle, Ellipse, Hand, and Zoom tool
• Immediate preview of the shape you draw
• Boolean path operations
• Text-on-path for curved text
• Linear and radial gradients
• Masks and clipping paths
• CSS shorthand filters
• Symbols

Animation Features
• Timeline-based animations with keyframes
• Easing Presets
• Preview animations on web browsers with a single click
• Animate position, scale, rotation, opacity, stroke opacity, fill opacity, stroke color, fill color, stroke width, dash array, dash offset, path shape and filter
• Trigger animations on click, on pointer enter or when scrolled into view

SVG Support
• Open SVG documents created in other vector graphics software
• Copy SVG code directly from Keyshape to a text editor
• Paste SVG code directly from a text editor or web page to Keyshape

Export Formats
• SVG with CSS Animations
• SVG with KeyshapeJS JavaScript Animations (includes a public API to control animations on web pages)
• Animated PNG, Animated WebP, JPEG
• Image Sequences, Sprite Sheets
• Animated GIF
• MPEG-4 video
• Lottie animations (available as a plugin)
• Animated Vector Drawables (AVD) (available as a plugin)

Hardware Support
• Native support for Apple Silicon and Intel-based Macs

What’s New

Version 1.12.0

• Added simple interactivity
• Added animating the visibility property
• Added a RGB/HSL switch to the color popover
• Added “Copy to clipboard” to the export dialog
• Added duration for time markers
• Added mouse middle button panning for the canvas
• Added a command to resize document content
• Added a description field for the document object
• Added a dialog to edit JavaScript in SVG documents
• Changed the app icon
• Changed document tabs to be draggable
• Fixed objects with zero opacity to be selectable on the canvas
• Fixed SVG importing to use the first font family available in the system
• Fixed to quit correctly when the window is closed in full screen mode

Ratings and Reviews

4.8 out of 5
43 Ratings

43 Ratings

TheronB49 ,

Exactly what I was looking for!

There are clever ways of using Keynote to create an animated GIF and I've tried some Open Source tools but they all ran up against some serious limitations. I don't mind paying for the right app but don't want or need to get into the Adobe ecosystem with its subscription model.

After a great deal of searching I came across Keyshape; the uniformly positive reviews induced me to try it and I am delighted! Once I got used to using keyframes and the timeline, it fell into place rapidly and I've created my first animated website ads for a local nonprofit.

I am especially pleased that vector graphics editing is an integral part of the app and it's sufficiently capable it can handle just about anything I need. And I can import from Affinity Designer if necessary.

My oly complaint is not about the app but about how difficult it was to find the the Apple App Store - I had been searching on several related terms but finally found this because of a reference on some website - glad I kept trying. Many thanks to the developers!

Andy in Washington ,

Great program

I got Keyshape for vector animation after getting tired of open-source alternatives crashing every five minutes. Keyshape runs smoothly, is fairly intuitive, and is much more affordable than anything Adobe churns out. I’ve actually started using it instead of Affinity Designer to create non-animated vector images as well, since the tools are much more intuitive.

My only criticisms are more of a wishlist for the developers:
- Give an option to show frame numbers instead of seconds. Makes it easier to coordinate with other animation programs. (I currently use a spreadsheet to do conversions)
- Some more extensive help documentation. There’s currently only a short overview on the website and learning everything is a bit of a trial and error.

Other than that, I’m very happy with this program.

Big cat speedy rich ,

hard to use but good

Excellent app for its professional quality, but its help section is too frustrating in order to find the buttons you need to add a frame to animate. It says to click the add key frame button but it does not show where it is on the help page. I've spent hours of frustrating time finding the add key frame button but still cannot find it. Help!

App Privacy

The developer, Pixofield Ltd, indicated that the app’s privacy practices may include handling of data as described below. For more information, see the developer’s privacy policy.

Data Not Linked to You

The following data may be collected but it is not linked to your identity:

  • Diagnostics

Privacy practices may vary, for example, based on the features you use or your age. Learn More


  • Family Sharing

    Up to six family members can use this app with Family Sharing enabled.