# How to Create Animated TikTok Videos with the LottieFiles Mobile App *By LottieFiles · June 20, 2022* Share free, customized Lottie animations to TikTok – without leaving your mobile device. --- 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](https://www.theverge.com/21436768/tiktok-cartoons-animators-creators-king-science-tootymcnooty-maddi-winter-alex-rabbit) 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](https://lottiefiles.com/mobile) 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](https://lottiefiles.com/register). ![QR code to download the LottieFiles Mobile App](https://blog-cdn.lottiefiles.com/2022/07/banner-variation-1--1-.png) ## 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](https://blog-cdn.lottiefiles.com/2022/06/find-a-Lottie-animation--1-.png) Search from thousands of free animations in the app - Click the animation you want to add into your TikTok video. ![User clicks on an animation in the LottieFiles Mobile App](https://blog-cdn.lottiefiles.com/2022/06/tapping-animation-open-animation-gif--1-.gif) 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](https://blog-cdn.lottiefiles.com/2022/06/zoom-in-on-the-edit-button--1-.png) 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](https://blog-cdn.lottiefiles.com/2022/06/color-palete-screen--1-.png) 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](https://blog-cdn.lottiefiles.com/2022/06/group-color-screen--1-.png) 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](https://blog-cdn.lottiefiles.com/2022/06/background-screen--1-.png) 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](https://blog-cdn.lottiefiles.com/2022/06/show-sharing-options--1-.png) 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](https://blog-cdn.lottiefiles.com/2022/06/show-the-Lottie-animation-in-the-Instagram-story-editor.png) 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](https://lottiefiles.com/blog/working-with-lottie-animations/create-animated-instagram-stories-reels-lottiefiles-mobile-app). 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](https://lottiefiles.zendesk.com/hc/en-us/articles/4403962155289-What-is-a-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](https://blog-cdn.lottiefiles.com/2022/07/banner-variation-1--1--1.png) --- ## Related Articles - [How to Create Animations with AI Using Lottie Creator WebMCP](/blog/working-with-lottie-animations/how-to-create-animations-with-ai-using-lottie-creator-webmcp) - [How to Build Your First Lottie Creator Plugin: Create and Animate a Rectangle](/blog/working-with-lottie-animations/how-to-build-lottie-creator-plugin-create-and-animate-a-rectangle) - [How to Develop and Publish a Plugin for Lottie Creator](/blog/working-with-lottie-animations/how-to-develop-and-publish-a-plugin-for-lottie-creator) - [How to Publish a Lottie Creator Plugin to Extensions](/blog/working-with-lottie-animations/how-to-publish-a-lottie-creator-plugin-to-extensions)