LottieFiles has just become even better with the introduction of Lottie Creator – a powerful web-based Lottie animation tool, designed to create ultra lightweight, highly customizable and interactive animations for web, social and apps.

With the introduction of Lottie Creator, your motion workflow is now simplified. Create your animations with Lottie Creator, collaborate with your team and stakeholders within the LottieFiles platform and implement them in your website, app and more — all within one space.

In this blog, we focus on the latest addition, Lottie Creator, and explore the features it offers.

Features of Lottie Creator

1. Timeline and keyframes

With Lottie Creator, you can gain precise control over your animations by adjusting keyframes and creating seamless transitions. Keyframes act as markers for significant changes in the properties, like position, scale, rotation, color, or opacity, throughout the animation timeline.

Timeline and keyframes

2. Animation presets

Lottie Creator offers an extensive array of animation presets, ideal for users who may be unsure where to start or those seeking to animate static designs quickly. These presets enable you to introduce elements into the frame, highlight particular layers or shapes within the frame, or move them out of the frame.

Animation presets

3. Access to over 100,000 Lottie animations

Lottie Creators allows you to access an extensive library of 100,000+ Lottie animations for every industry and use case. Plus, access new animations added daily.

Access to over 100,000 Lottie animations

4. Import SVG files

Lottie Creator also allows you to drag and drop your SVGs directly into the canvas. This allows you to import designs created with popular design tools like Adobe Illustrator or Figma and add motion to them. You can change backgrounds and shapes, animate layers, and alter the overall appearance and feel of the animation.

Import SVG files

You may download your finished animation in a number of formats for different applications. Here are the formats available:

  • Lottie JSON,
  • Optimized Lottie JSON,
  • dotLottie,
  • Optimized dotLottie,
  • GIF,
  • MP4,
  • MOV,
  • WebM.

✨ Pro-Tip: Keyboard shortcuts categories

Yup, that's right! The Lottie Creator's keyboard shortcuts make it easier and faster to create Lottie animations. You can easily access the keyboard shortcuts by clicking on the Help button in the top right-hand corner of your screen. Here are quick categories:

  • Tools: Essential tools like the hand tool, move tool, and options for inserting various shapes and adjusting properties.
  • Transform:  Efficiently adjust object positions and scale objects proportionally.
  • Timeline: Easily navigate the timeline by jumping between keyframes in both forward and backward directions. Plus, take control of playback with options to play and pause your animation.
  • Selection: Basic functions like copy, paste, duplicate, and delete.
  • View: Easily zoom in and out to get a closer look at your animation.
  • File: Undo, redo, or save the animation file to your workspace.

Have an animation project in mind? Get started with Lottie Creator, where the only limit is your imagination.

Don't forget to tag us and share your Lottie animation creation on social media. We can't wait to see what you come up with!