So you have created your first animation, but you're not quite sure how to upload it to the LottieFiles website? Worry not! We've put together a simple step-by-step guide on how to upload your animations to LottieFiles. And if you want to upload your animation from the LottieFiles for Adobe After Effects plugin, just jump straight to the bottom of this article to see how.

If you don't feel like reading, here's a video for you to watch instead.

Step 1

Login to LottieFiles or Sign up and create an account in few simple steps

Sing In or Sign Up for LottieFiles

Step 2

Under the Design menu at the top, click on Preview to upload your animation

Click on Preview under the Design Menu


Step 3

Once at the Previewer, you can browse your files or simply drag and drop your dotLottie, JSON, or ZIP file to add your animation

Drag and Drop JSON to Previewer

Step 4

Check that your animation

  • works on both Android and iOS by using LottieFiles preview apps
Test with LottieFiles Preview app to test your animation for Android and iOS
  • has a clear background to it

You can choose to publish your animation publicly or share it privately. If you do not wish to publish your animation publicly, you can share it privately through the Private Link

Share animation privately with Private Link

Step 5

Give your animation a title, description, and tags so people can find it easily. You may also include the After Effects Source File if you have it.

Step 6

Click Publish to Public, and sit back and relax while you wait for LottieFiles to approve your animation.

Publish your animation to Public

Additional: Uploading your animation via the LottieFiles for After Effects plugin

If you're using LottieFiles for Adobe After Effects, you can save yourself even more time and upload your animations directly from within Adobe After Effects using the plugin.

Once you have completed your animation and have rendered it in the LottieFiles for Adobe After Effects plugin, click Upload and then the button with the globe icon that appears right after. This will open up your animation in your browser, and then you can click Publish to Public to have your animation published on LottieFiles for all to see.

Download the LottieFiles for Adobe After Effects plugin here!