Command Palette

Search for a command to run...

Lottie Library

Browse and use animations from the LottieFiles library directly in Lottie Creator.

Using the Built-In Animation Library

Lottie Creator gives you direct access to over 800,000+ free and premium Lottie animations. Search, preview, import, and customize animations without leaving the editor.

What's in the Library?

The LottieFiles library includes:

  • UI animations and icons
  • Loaders and stickers
  • Motion graphics and illustrations
  • Interactive animations
  • Premium animations (Pro subscription)

Available formats: Lottie JSON, dotLottie (.lottie), and Animated SVG

What you can do: Remix, recolor, retime, apply themes, export to multiple formats, and host on CDN.

Accessing the Library

Open Lottie CreatorLeft SidebarDiscover Animations

The library panel opens with search, filters, and categories.

Searching for Animations

Search by:

  • Keywords (e.g., "success", "loading", "arrow", "celebration")
  • Filters (free, premium, animated icons, UI assets, 3D strokes)
  • Categories (Business, UI, Social, Tech, Emoji, Web, Mobile)
  • Author (for creator collections)

Search results show: Thumbnail preview, format indicator (.json, .lottie), author, and premium badge if applicable.

Importing Animations

How to import: Click the animation thumbnail → Select "Inset SVG" or "Insert Lottie"

What you can do after import:

  • Edit contents (if not restricted)
  • Modify colors, timing, and easing
  • Convert into nested scenes
  • Combine multiple library animations

Free vs Premium Animations

Free Animations: Available to all users, no subscription required.

Premium Animations (Pro or Team Plan): Includes advanced UI kits, high-end illustrations, 3D motion sets, brand collections, and premium icon packs.

Without a subscription, you'll see a lock icon and upgrade prompt. You can still preview premium animations.

Editing Imported Animations

What you can modify:

  • Colors and stroke width
  • Fill styles and gradients
  • Timing, keyframes, and easing
  • Transform properties
  • Trim paths and masks
  • Nested scenes and opacity
  • Blend modes

Animations are fully editable unless locked by the author.

Recoloring & Styling

Theming options:

  • Apply Theme Manager colors (if animation supports themes)
  • Modify strokes and fills globally
  • Adjust gradients and blend modes
  • Create reusable color themes for multiple animations

dotLottie files may include predefined themes you can switch instantly.

Combining Library Animations

Build complex projects by combining multiple animations:

  • Animated UI systems
  • Onboarding flows
  • Interactive state machines
  • Composite illustrations
  • Complex sequences

Creator supports: Layered Lottie imports, multiple scenes, nested timelines, and segmenting for state machines.

Exporting Modified Animations

Available export formats:

  • Lottie JSON and dotLottie
  • Optimized JSON / optimized dotLottie
  • GIF, MP4, MOV, WebM
  • Google Ads compatible export
  • Hosted CDN link

Creator redirects to LottieFiles' Handoff Panel for download or integration.

CDN Hosting

Any library animation used in Creator can be:

  • Saved to your Workspace
  • Auto-hosted on LottieFiles CDN
  • Given a version-controlled URL
  • Embedded via Web, React, iOS, Android, Web Components

Benefits: No manual exports, automatic updates, lightweight delivery, and developer-ready handoff.

Last updated: April 10, 2026 at 9:12 AMEdit this page