Design, Animate, and Export Lottie Graphics
for Every Device - Made Easy

Build smooth, lightweight Lottie (JSON) animations - including logos, icons, backgrounds, and more.
Export them in multiple formats for mobile devices, tablets, desktops, and other native platforms.
Microsoft Store
Mac App Store

Pixodesk 2D Animator Makes Animation for Native Devices Simple

Works Everywhere
Available for macOS and Windows - install and update from the official stores.
Ultra-Small File Size
SVG and Lottie (JSON) animations have ultra-lightweight file sizes, helping your application run efficiently and smoothly.
All Essential Tools
Includes Shape Builder, Repeater (Clone) Tool, Spray, Stars and Polygons, Bezier, and many other powerful features.
All in One App
Create, modify, animate, add easing, and export - all in one app.
Lottie File Formats
Create and save lightweight Lottie (JSON) animations - compatible with web, iOS, and Android.
Different Export Options
Export to dynamic SVG, Lottie, JSON, GIF, MP4, WebM, or static SVG, PNG, JPEG at any chosen time point.

Explore Pixodesk Animator Features

Create artwork, add motion, and export in lightweight formats optimized for performance.
Your all-in-one tool for drawing, animating, and exporting modern vector animations.

  • Pixodesk Animator makes it easy to create animated content by putting together an excellent vector editor and animator. It also gives you lots of ways to export your work.

  • The app is based on the popular Lottie file format, which has excellent support when it comes to libraries and tools. These libraries make it easier for developers to integrate and play Lottie animations seamlessly in their applications.

  • There is also a vast and active Lottie artwork community that you can tap into when crafting your own artwork.

Create

  • Create vector drawings, import vector or raster images, and use custom TTF fonts.

  • Don't feel like starting from scratch? No worries! You can use and change animations made by others. Check out cool animations from the Lottie community, such as those on LottieFiles and IconScout.

  • If you want to make something really cool and complicated, you can! Use animation blocks to put together detailed animated scenes. It's like building with easy-to-use blocks.

Animate

  • Make keyframe-based animations the traditional way by using the Watch and Diamond buttons. Create animation loops, blocks, and time-remaps.

  • Animating properties is a breeze with the auto-animate feature. Fix the object's state on the canvas at one or more time points by using the Pin button. Then, move the time control to a different point, make changes, and keyframes will be created automatically.

  • Making animations look natural is super easy with pre-defined easing functions. You can choose them from a dropdown menu or customize the easing curve by editing it. Easing functions also come with charts for velocity and acceleration, helping you understand how the change works over time.

Export

  • Export into a small animated SVG file for the web using either JS or CSS animation types. After that, you can easily put this SVG directly into your webpage, which will look good on screens of different resolutions.

  • Control how the animation starts and ends on your webpage: whether it's triggered by a click, scroll, or mouse movements.

  • When building native apps for Windows, iOS, Android, or React Native, you can use your Lottie JSON file in the app along with the matching Lottie player libraries. Give your app a cool look with animated splash screens, loaders, and icons.

  • Export your animation as a video or GIF, or save a snapshot at a specific time as a PNG, JPEG, WEBP, or SVG image.

Auto-Animate: Set the States - We Animate the Rest

Create smooth animations automatically by simply changing your object’s state over time.

  • Make animation easier with the auto-animate feature.

  • Pin the object's state on the timeline.

  • Move the time control and make adjustments.

  • The app generates keyframes for you automatically.

Easing: Control Speed, Flow, and Motion

Use predefined easing functions, customize curves, and visualize motion with built-in velocity and acceleration charts.

  • Use predefined easing functions to make animations look natural.

  • Select easing functions from a dropdown menu or customize the curve manually.

  • Visualize motion with built-in velocity and acceleration charts.

  • Keyframe segments are shown as mini velocity charts.

  • Gain insights into easing dynamics and how changes occur over time.

Create Animated Icons

From static to dynamic: make your icons come alive.

  • Import an icon or create one from scratch.

  • Add animations like Trim Path, Dash Array, Rotation, Scale, Skew, and more.

  • Apply effects such as fading, flipping, bouncing, or moving the stroke.

  • Use grid and snap modes for precise drawing.

  • Export and use your animated icon on websites, mobile, or desktop apps.

Create Animated Splash Screens

Engage users from the very first moment with dynamic splash screen animations.

  • Create animated logos or app titles for your app's launch screen.

  • Make a strong first impression during app startup.

  • Export your splash screen for the web, mobile, and desktop in Lottie (JSON) or video formats.

  • Ensure your splash screen looks great on all screen sizes and resolutions.

Make It Once - Works Everywhere

Pixodesk Animator is your all-in-one animation tool.
Perfect for React Native, iOS, Android, Windows, and the web.