Keyshape

What is Keyshape?

Keyshape, an app from Pixofield, is used to create animated 2D vector graphics. It is available for Mac and can be tried free for 14 days.

Keyshape combines vector graphics drawing and animation tools in a single application. Users can 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 drawn
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