Design · Website

LottieFiles

Platform to create, edit, test, and ship lightweight Lottie animations.

Visit lottiefiles.com ↗

LottieFiles is a web platform and ecosystem designed around JSON-based Lottie animations. It provides a library of ready-to-use vector animations alongside tools to edit, test, and implement interactive motion graphics across web and mobile applications.

What it's for

  • Integrate lightweight vector animations into web and mobile apps without large GIF or video file sizes
  • Browse and download pre-built animations for interface micro-interactions
  • Test and edit motion parameters or bind animation properties to dynamic data using Motion Tokens
  • Export motion graphics directly from design tools like After Effects or Figma to development-ready JSON

Features

  • Extensive library of free and community-contributed Lottie animations
  • Online animation editor for tweaking playback speed, colors, and layers
  • Motion Tokens for binding animation properties to real-time data
  • Multi-format asset conversion and export (Lottie JSON, SVG, dotLottie, GIF)
  • Integrations and plugins for tools like Figma, After Effects, and Webflow
  • Interactive animation triggers and testing tools for mobile and web preview

Pricing

Freemium. Free tier available; paid workspace and team tiers available.

Details

Type
Website
Category
Design
Topic
Motion Graphics
Open source
No
Platforms
Web, iOS, Android, Code library
For
UI/UX designers, motion designers, and front-end developers building interactive digital experiences.
Alternative to
Rive, GSAP
Tags
lottie, animation, vector, ui motion, web animation, micro interactions

Why it was saved

  • @kalypsodesigns, 7 May 2025: Allows designers to export After Effects and vector animations into tiny, high-performance web-compatible formats.

Compare

Related

  • Lordicon

    Library of customizable animated icons ready for web, mobile, and design tools.

  • Lottielab

    Browser-based motion design editor for creating and exporting Lottie animations

  • Phase

    Animation and micro-interaction tool for product designers

  • Modyfi

    Browser-based graphic design editor with procedural motion graphics and effects

  • Jitter

    Fast, browser-based motion design tool with Figma import and AI animation features

  • Design Spells

    Curated collection of micro-interactions and delightful design details

Updated