Keyshape

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, Animated GIF, JPEG

• Image Sequences, Sprite Sheets

• MPEG-4 and QuickTime video

• Lottie animations (limited support, available as a plugin)

• Animated Vector Drawables (AVD) (limited support, available as a plugin)

Hardware Support

• Native support for Apple Silicon and Intel-based Macs