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