Create animated vector graphics

Keyshape Screenshot

Keyshape Screenshot

Keyshape Animation Tool

Keyshape is a 2D vector graphics and animation software.

It combines drawing tools with animation tools in a single application.

Animate The Web and Apps

Create animated icons.

Design motion graphics for splash screens, progress indicators, checkboxes, and more.

Create sprite sheets for games.

Feature Highlights

Draw vector graphics with standard vector tools.

Create timeline-based animations with keyframes.

Preview on web browsers.

Native support for Macs with Apple Silicon.

> See all features

Read More

System Requirements

Recommended macOS 10.13 High Sierra or later.

Export Animations for Multiple Platforms

  • SVG for web pages
  • Lottie animations for native Android, iOS, macOS, Windows and React Native apps*
  • Animated vector drawables for native Android apps*
  • Animated GIFs for social media sites
  • MPEG-4 movies for YouTube and other video sites
  • Image sequences and sprite sheets for games
  • Animated PNG and WebP images

* available as a plugin

Import Graphics

  • Open SVG files exported from Affinity Designer, Adobe Illustrator or Sketch
  • Open existing Lottie animations for editing (only limited support for Lottie features)

Examples created with Keyshape

SVG with CSS Animations

Animated sunshine and rainAnimated speech bubblesAnimated heart

SVG with JavaScript Animations

Go to Twitter Go to GitHub