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