7 days of unlimited video, AE, and Premiere Pro templates - for free!* Unlimited asset downloads! Start 7-Day Free Trial
  1. Photo & Video
  2. Animation

10 Top Lottie Animation Templates for After Effects

Lottie is a JSON (JavaScript Object Notation) open file format for animation. It helps artists, designers and animators to include animations on multiple platforms quickly and easily, with very small files and zero distortion.

Get started with Lottie animations by trying some top templates for After Effects. Here, we review ten premium templates from Envato Elements and Envato Market.

10 Top Lottie Animation Templates for After Effects

Featured Template Pack: Isometric Concept — Lottie Edition

Ten premade scenes and 50 isometric elements are included in the Isometric Concept — Lottie Edition template for After Effects, offering you unlimited variations.

Project Details

This project was created by Envato Elements author IconsX.

Requirements: no plugins needed
Program Version: After Effects (no version specificed)

Key Features

All elements have been optimised for the Lottie plugin or Bodymovin' customization, making them perfect for web, app or social media use.

Download and Try 

With a subscription to Envato Elements you get unlimited After Effects templates, video, audio, images, graphics and more.

The template pack Isometric Concept — Lottie Edition is included with a subscription to Envato Elements.

More Lottie Animation Templates From Envato Elements

Unlimited downloads from Envato Elements mean you can try as many After Effects templates as you like, so if the above template isn't quite your style, no worries! Here are some great alternatives.

Digital Marketing - Filled Outline Animated IconsDigital Marketing - Filled Outline Animated IconsDigital Marketing - Filled Outline Animated Icons
Digital Marketing — Filled Outline Animated Icons

After Effects Templates for Lottie Animations on Envato Market

If an Elements subscription doesn't fit your project or you don't find what you need, with After Effects templates from Envato Market you can keep your work on a budget and still use great design. Here's a selection to choose from:

Office Animated Icons Set — Wordpress Lottie JSON SVG — $39

64 animated icons themed around an office, grouped into: tools, environment, equipment and employee. The icons come in both JSON and HTML format, plus the customised AE Project File is included.

Discount Animated Icons Set — Wordpress Lottie JSON SVG — $39

Need some discount or sale icons? Try this After Effects Lottie pack with 64 animated icons. They're grouped into price, product, payment and statistic. They're 100% resizable and you can change the colours and stroke width quickly and easily.

Sports & Fitness — Animation Icons — $16

A simple set of sport and health themed icons with looping animation. Make all your changes right in After Effects, plus all icons are 100% resizable and include healthy food, cycling, a fitness tracker and much more.

Design and development — Animation Icons — $16

A set of Bodymovin-optimised animated icons with easy customization. Icon design includes video production, illustration, developing ideas and more.

Design and development - Animation IconsDesign and development - Animation IconsDesign and development - Animation Icons
Design and development — Animation Icons

More Resources for Animations

To help you get creative, here are more free resources from Envato Tuts+.

Keep Studying with Envato Tuts+

Popular Animation Tutorials

Recommended Tutorials

If you'd like to learn more about animations and particularly how you can control more elements of them, try our Best Free and Open-Source JavaScript Animation Libraries which has a comprehensive look at the different types freely available and how to best use them. It includes Lottie, too!

Free Video Courses: Follow Envato Tuts+ on YouTube

If learning how to animated in After Effects appeals to you, you might enjoy this free course from Dave Bode: How to Animate in After Effects, which uses three different projects to teach you various aspects of animation, things like text reveals, AE expressions and more to help you create both complex and subtle movements in your animations.

More Animation Resources

Find more top templates and tips for animations in these articles:

About This Page

How We Picked

We looked at projects and considered all kinds of variables, including organization, complexity, experience required and overall difficulty, minimum hardware specifications, included versions and options, formats, resolution, file size, dependencies and required plug-ins (if any), language options, software versions supported, style, design, and cost. You can read more about how we select items at How We Pick Video Templates to Feature on Envato Tuts+.

Jackson Couse edited and published this page on October 14th, 2021.

Share Your Craft on the Envato Forums

Finally, if you put one of these After Effects templates to use, please do let us know on the Envato forums. We love to see the projects you create!

Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Photo & Video tutorials. Never miss out on learning about the next big thing.
Scroll to top
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.