Keyshape 4+

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