TikTok was made for motion.

Open the app, and you’ll see a stream of 15-second videos personalized to your interests. But while most TikTok videos are live-action videos, there’s a growing number of animators and animations being shared.

That’s why we wanted to make it even easier for you to share Lottie animations on the platform, all within your mobile phone. Here’s what you need to know about creating animated TikTok videos with Lottie animations and the LottieFiles Mobile App.

How to add Lottie animations to TikTok on mobile

Here’s how to add Lottie animations to your TikTok videos with the LottieFiles Mobile App.

1. Install the LottieFiles Mobile App

To get started, scan the QR code below to download the app. Or head to the LottieFiles Mobile App page to download it on App Store or on Google Play. If you don’t already have a LottieFiles account, create a free account in the mobile app or on LottieFiles.com.

QR code to download the LottieFiles Mobile App

2. Find a Lottie animation

  • Open the LottieFiles Mobile App.
  • Click here to search from thousands of free animations in the app.
Search function in the LottieFiles Mobile App
Search from thousands of free animations in the app
  • Click the animation you want to add into your Instagram post or story.
User clicks on an animation in the LottieFiles Mobile App
Click on any animation in the search results

3. Customize your Lottie animation

If you’re already happy with the Lottie animation you’ve chosen, you can skip to the next step. But if you’d like to customize the colors of your animation, tap the Edit button to open the animation editor.

The 'Edit' button highlighted in the LottieFiles Mobile App
Tap the Edit button

Here, you can change the animation colors using:

a) Color palette

Use Color Palette to automatically change the color scheme of the entire animation.

  • In the animation editor, click Color Palette.
  • Choose a color palette from the available choices that are provided, or create your own palette.
  • To create your own palette, tap + to create your own palette. You can create a palette by taking a picture, uploading an image or selecting individual colors.
  • Tap Apply to make the color changes to the animation.
User taps 'Apply' to make color changes to the animation
Tap Apply to make color changes

b) Grouped Colors

Use Grouped Colors to change the color groups in the animation.

  • In the animation editor, click Grouped Colors.
  • Select the color you want to change, and pick a new color.
  • The new color will replace the original color wherever it is applied in the animation.
User selects a color to change in the animation
Select the color you want to change in the animation

c) Background

Use Background to change the background color of the animation.

  • In the animation editor, click Background.
  • Pick a new color – the background will instantly change.

If you ever want to reset the changes you’ve made, just click Reset.

User picks a new color for the animation's background
Pick a new color to instantly change the background

4. Share your animation on TikTok

To share to Tik Tok:

  • Tap on the Share button from the editor.
  • Tap on Tik Tok.
The social media sharing options displayed in the LottieFiles Mobile App
Tap on Tik Tok

You will be redirected to Tik Tok to share your animation. You can also add other elements, such as text, animated sticker GIFs or audio elements to your video.

Add other elements in the TikTok mobile app
Add other elements such as text, animated sticker GIFs or audio

What else can you do with the LottieFiles Mobile App?

Besides sharing animated TikTok videos, you can also use the LottieFiles Mobile App to create awesome Instagram content. Besides that, if you happen to be a motion designer, you can test your Lottie animations for viewing on mobile devices, then export them as dotLottie, JSON, GIF and MP4 files.

Not a motion designer? No worries – the app has something for you too. You can create your own animations through the SVG to Lottie feature, even if you don’t know anything about motion. Besides that, send free animations in messaging apps with the LottieFiles keyboard extension for iOS, explore thousands of free and customizable animations and more. With the LottieFiles Mobile App, magic is just a tap away!

QR code to download the LottieFiles Mobile App