Mobile Snippet Generator
Generate a Swift or Kotlin snippet to load and play your Lottie animation on iOS or Android
1. Upload your Lottie file
Drag & drop your file here or click to browse
Supports .json and .lottie files (max. 10MB)
Preview
Upload a Lottie file to see the preview
The Free Lottie Mobile Snippet Generator
Adding a Lottie animation to an iOS or Android app? Our free mobile snippet generator writes the Swift or Kotlin code to load and play it with lottie-ios or lottie-android.
Pick your platform, set the view name and whether it loops and autoplays, then copy the snippet or download the file. No boilerplate to remember — the code is generated locally in your browser.
How to Generate a Native Lottie Snippet
Wiring Lottie into a native app means recalling each library’s API. This tool writes it for you:
Upload your Lottie file
Drag and drop or browse for a .json or .lottie file.
Choose the platform
Swift for iOS (lottie-ios) or Kotlin for Android (lottie-android).
Set the options
Name the view, set the asset name, and toggle loop and autoplay.
Copy or download
Copy the snippet or download a .swift / .kt file, then drop it into your project.
No account, no server uploads — get native code in under a minute.
Key Features
iOS & Android
Generate Swift for lottie-ios or Kotlin for lottie-android from the same animation.
Loop & Autoplay
Toggle infinite looping and automatic playback — the snippet reflects your choices.
Copy-Paste Ready
Clean, focused code you can copy straight in or download as a correctly named file.
No Build Guesswork
The snippet uses the standard LottieAnimationView setup for each platform, so it just works.
Popular Use Cases
Add Animation to an App
Drop an animated view into a screen without hunting through library docs.
Hand Off to Mobile Devs
Give iOS/Android engineers ready-to-use setup code for an animation.
Splash & Onboarding
Generate the code for splash screens and onboarding animations quickly.
Prototype Fast
Paste the snippet into a sample app to test an animation on device.
Documentation Examples
Include copy-paste native snippets in your team’s animation docs.
Cross-Platform Reference
Generate both Swift and Kotlin versions to compare the setup on each platform.
Pro Tips
Add the library first
Make sure lottie-ios or lottie-android is in your dependencies so the imports resolve.
Bundle the animation
iOS: add the JSON to your app bundle. Android: put it in src/main/assets and match the name.
Turn off loop for one-shots
Uncheck loop for success checks or transitions that should play once.
Wire it into your view
The snippet creates and plays the view; add it to your layout or view hierarchy as your app needs.
Privacy and Security
We take your privacy seriously. Unlike most online converters that upload your files to remote servers, our tool processes everything locally.
No uploads – Your files are processed entirely in your browser. They never touch our servers.
No tracking – We don't log which files you convert or what settings you use.
No accounts – Use the tool immediately. No registration, no personal data required.
Inspect it yourself – Open DevTools and watch the network tab. You'll see zero file uploads.
Frequently Asked Questions
Everything you need to know about Lottie animations and our tools.
Which libraries does the code use?
Swift uses lottie-ios (LottieAnimationView) and Kotlin uses lottie-android (LottieAnimationView). Add the matching dependency to your project.
How do I add the dependency?
iOS: add “lottie-ios” via Swift Package Manager or CocoaPods. Android: add “com.airbnb.android:lottie” to your Gradle dependencies.
Where do I put the animation file?
iOS: add the .json to your app bundle and reference it by name. Android: place the .json under src/main/assets and reference it (e.g. animation.json).
What do loop and autoplay do?
Loop repeats the animation (infinite repeat count); autoplay starts it as soon as the view is set up.
Is the snippet complete?
It is a focused starting point for setting up and playing the animation. Wire it into your view/layout as your app requires.
Are my files uploaded to a server?
No. The code is generated locally in your browser. Your animation file never leaves your device.