Lottiefiles Logo Lottiefiles Logo
  • Discover
    Free Ready-to-use Animations

    Free Ready-to-use Animations

    Designs created by the community for the community

    LottieFiles Platform

    LottieFiles Platform new

    Collaborate with teams, optimize files, edit, personalize and more

    Lottie Creator

    Lottie Creator waitlist

    Create high quality and lightweight Lottie animations with our browser-based tool

    Marketplace

    Marketplace

    Buy and sell premium Lottie animations

    Integrations & Plugins

    Integrations & Plugins

    Plugins and extensions for working with Lottie animations

    LottieFiles Mobile App

    LottieFiles Mobile App

    Create animated designs and access your animation library on the go

    • All Features
    • Community
    • Showcase
    • Why Motion
    • Use Cases
    • Built with Lottie
    • Customer Stories new
  • Design
    Preview/Test

    Preview/Test

    Test your Lottie animation work on web and mobile

    Optimize Lottie

    Optimize Lottie

    Significantly reduce animation file size keeping its quality intact

    Lottie Editor

    Lottie Editor

    Tweak Lottie animations without After Effects

    Create with AE

    Create with AE

    Make Lottie animations with LottieFiles After Effects

    Design Plugins

    Design Plugins

    LottieFiles integrates with all your favorite design and dev tools

    LottieFiles Platform

    LottieFiles Platform new

    Collaborate with teams, optimize files, edit, personalize and more

    • All Features
    • LottieFiles Desktop
    • LottieFiles Mobile
    • LottieFiles for XD
    • LottieFiles for Figma
    • SVG to Lottie
    • Lottie to GIF
    • Product Updates
  • Code
    Web Player

    Web Player

    Perfect for adding Lottie animations to web

    Preview/Test

    Preview/Test

    Test your Lottie animation work on web and mobile

    Open-source Libraries

    Open-source Libraries

    All our public GitHub repositories available for use and contribution

    Optimize Lottie

    Optimize Lottie

    Significantly reduce animation file size keeping its quality intact

    Visual Studio Code

    Visual Studio Code

    Improve your development workflow with the LottieFiles plugin

    Guide to Lottie Format

    Guide to Lottie Format

    Learn about Lottie format, schema and advanced interactions

    • All Features
    • Interactivity Guide
    • JSON Editor
    • Product Updates
    • Dev Playground new
  • Learn
    What is Lottie

    What is Lottie

    A comprehensive guide to this powerful little format

    Blog

    Blog

    How-to guides, interviews, articles, and more

    Education Center

    Education Center new

    Learn from the Lottie experts

    Community Events

    Community Events

    Meet other motion enthusiasts, learn from experts, or help evangelize

    • All Features
    • Product Updates
    • Forum
    • FAQ & Support
Sign up Login
Education Courses Tutorials
Tutorials
Education Courses Tutorials

How to hand off your Lottie animation to developers

LottieFiles

Tags

Course Mobile

Related videos

How to Bring Your Social Posts to Life with LottieFiles Mobile🤳

How to Bring Your Social Posts to Life with LottieFiles Mobile🤳

Popupsmart

AULA PRƁTICA - AnimaƧƵes Lottie em Redes Sociais - UXMD na PrƔtica

AULA PRƁTICA - AnimaƧƵes Lottie em Redes Sociais - UXMD na PrƔtica

UX Motion Design

How to Export and Test Lottie Animations using LottieFiles Plugins and Desktop App!

How to Export and Test Lottie Animations using LottieFiles Plugins and Desktop App!

Design Pilot

New UX/UI Design Tools: Github Design, New 3D Tools, & More!

New UX/UI Design Tools: Github Design, New 3D Tools, & More!

Punit Chawla

How to create animated stories or posts with the LottieFiles Mobile App

How to create animated stories or posts with the LottieFiles Mobile App

LottieFiles

How to use Lottie to export animations from After Effects and use them in your iOS

How to use Lottie to export animations from After Effects and use them in your iOS

Brian Advent

How to create Lottie animation in After Effects

How to create Lottie animation in After Effects

Elias Sarantopoulos

How to use Lottie animation in Flutter

How to use Lottie animation in Flutter

Rapid Technology

Discover

  • Free Animations
  • Marketplace
  • Hire Animators
  • Showcase
  • Sell animations
  • Telegram sticker packs

Design

  • Adobe After Effects plugin
  • Lottie Preview
  • Lottie Editor
  • SVG to Lottie
  • Figma Plugin

Code

  • Web Player
  • Lottie Libraries
  • JSON Editor
  • Supported Features
  • Releases

Learn

  • Blog
  • Courses
  • What is Lottie
  • Forum
  • FAQ & Support

Terms and Policies

  • Privacy Policy
  • Terms and Conditions
  • Terms of Sale
  • Community Guidelines
  • Upload Guidelines

Get LottieFiles for mobile and desktop

Apple
android
desktop
facebook instagram twitter youtube dribbble discord
region
Region:
International EspaƱol PortuguĆŖs ķ•œźµ­ģ–“ ę—„ęœ¬

LottieFiles is by Design Barn Inc.

Copyright Ā© 2023 Design Barn Inc. All rights reserved.

Feedback Press Meet the team Careers
cookie
We care about your data, and we'd love to use cookies to make your experience better.
Privacy Policy