# 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:

<List type="bullet">
  <ListItem>UI animations and icons</ListItem>
  <ListItem>Loaders and stickers</ListItem>
  <ListItem>Motion graphics and illustrations</ListItem>
  <ListItem>Interactive animations</ListItem>
  <ListItem>Premium animations (Pro subscription)</ListItem>
</List>

**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 Creator** → **Left Sidebar** → **Discover Animations**

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

## Searching for Animations

**Search by:**

<List type="bullet">
  <ListItem>Keywords (e.g., "success", "loading", "arrow", "celebration")</ListItem>
  <ListItem>Filters (free, premium, animated icons, UI assets, 3D strokes)</ListItem>
  <ListItem>Categories (Business, UI, Social, Tech, Emoji, Web, Mobile)</ListItem>
  <ListItem>Author (for creator collections)</ListItem>
</List>

**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:**

<List type="bullet">
  <ListItem>Edit contents (if not restricted)</ListItem>
  <ListItem>Modify colors, timing, and easing</ListItem>
  <ListItem>Convert into nested scenes</ListItem>
  <ListItem>Combine multiple library animations</ListItem>
</List>

## 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:**

<List type="bullet">
  <ListItem>Colors and stroke width</ListItem>
  <ListItem>Fill styles and gradients</ListItem>
  <ListItem>Timing, keyframes, and easing</ListItem>
  <ListItem>Transform properties</ListItem>
  <ListItem>Trim paths and masks</ListItem>
  <ListItem>Nested scenes and opacity</ListItem>
  <ListItem>Blend modes</ListItem>
</List>

Animations are fully editable unless locked by the author.

## Recoloring & Styling

**Theming options:**

<List type="bullet">
  <ListItem>Apply Theme Manager colors (if animation supports themes)</ListItem>
  <ListItem>Modify strokes and fills globally</ListItem>
  <ListItem>Adjust gradients and blend modes</ListItem>
  <ListItem>Create reusable color themes for multiple animations</ListItem>
</List>

**dotLottie files** may include predefined themes you can switch instantly.

## Combining Library Animations

Build complex projects by combining multiple animations:

<List type="bullet">
  <ListItem>Animated UI systems</ListItem>
  <ListItem>Onboarding flows</ListItem>
  <ListItem>Interactive state machines</ListItem>
  <ListItem>Composite illustrations</ListItem>
  <ListItem>Complex sequences</ListItem>
</List>

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

## Exporting Modified Animations

**Available export formats:**

<List type="bullet">
  <ListItem>Lottie JSON and dotLottie</ListItem>
  <ListItem>Optimized JSON / optimized dotLottie</ListItem>
  <ListItem>GIF, MP4, MOV, WebM</ListItem>
  <ListItem>Google Ads compatible export</ListItem>
  <ListItem>Hosted CDN link</ListItem>
</List>

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

## CDN Hosting

Any library animation used in Creator can be:

<List type="bullet">
  <ListItem>Saved to your Workspace</ListItem>
  <ListItem>Auto-hosted on LottieFiles CDN</ListItem>
  <ListItem>Given a version-controlled URL</ListItem>
  <ListItem>Embedded via Web, React, iOS, Android, Web Components</ListItem>
</List>

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