Lottie Viewer

The easiest way to view and share your Lottie animations online

🎖 500,000+ happy users

Lottie Animation Viewing - made simple

Tiiny Host's Lottie viewer helps you quickly view and share your Lottie animations online. No need to download software - just upload your file and see your animation in action right away. Get a shareable link to show your animations to clients or teammates.

View Your Lottie Animations In 3 Easy Steps

1. Upload a file

Upload your Lottie JSON file by dragging and dropping or selecting from your device.

2. Enter a link-name and customize

Name your animation link and adjust playback settings like speed, loops, and controls.

3. Publish and get a link to share

Click Publish and get an instant shareable link to your Lottie animation.

Features

What else is there?

🔄 Drag & Drop

Upload your Lottie files with a simple drag and drop. No complicated upload process - just grab your file and drop it into our viewer.

🌐 Custom Domain

Share your Lottie animations on your own branded domain. Perfect for client presentations and professional sharing.

📊 Analytics

Track who's viewing your Lottie animations with built-in analytics. See how many people have viewed your animations and when.

🔒 Password Protect

Keep your Lottie animations private with password protection. Only share with the people who should see your work.

📝 Online Code Editor

Make quick adjustments to your Lottie animation settings directly in our online editor. Tweak your animations without having to re-export.

🔌 Embeddable

Easily embed your Lottie animations on websites, presentations, or apps. Get embed code with just one click.

Easier than others for viewing Lottie animations

LottieFiles.com

CodePen.io

Bodymovin Viewer

View different types of Lottie animations instantly

UI/UX Animations

Preview UI animations before adding them to your website or app. Test how they look and behave to make sure they're perfect.

Animated Icons

View icon animations for websites, apps, or presentations. Check timing and smoothness before implementation.

Complex Animations

Test and share complex animations with clients or team members. Make sure every detail looks right before final approval.

Resources

Want to learn more about Lottie animations?

How to Add JavaScript to HTML

Learn how to integrate JavaScript into your HTML to add Lottie animations to your website.

Build a Website with HTML and Bootstrap 5

Create a professional website and easily add Lottie animations to enhance your design.

Link JavaScript to HTML

A detailed guide on linking JavaScript files to your HTML, essential for implementing Lottie animations properly.

Frequently Asked Questions

What is a Lottie animation?

Lottie is a JSON-based animation file format that allows you to create and display complex animations that would traditionally need to be coded by hand. Created by Airbnb Design, Lottie makes it possible to export animations from Adobe After Effects as lightweight, scalable files that can be used on websites and mobile apps. The main advantage of Lottie files is that they're small in size but can create high-quality animations that look good on any screen size.

How can I view a Lottie file online?

To view a Lottie file online using our viewer, simply upload your JSON file by dragging and dropping it into the upload area or using the file selector. Once uploaded, the animation will automatically play in our viewer. You don't need to install any software or plugins. Our online Lottie viewer works in any modern browser and gives you controls to adjust playback speed, loop settings, and background color. You can then get a shareable link to send to others who need to see your animation.

Can I share my Lottie animations with clients?

Yes, sharing Lottie animations with clients is one of the main benefits of our Lottie viewer. After uploading your animation, we generate a unique, shareable link that you can send to clients via email or messaging apps. The link opens directly to your animation in a clean, distraction-free viewer. For extra security, you can password-protect your animations so only people with the password can view them. This is particularly useful for client work that hasn't been approved for public viewing yet or contains confidential brand elements.

Why should I use an online Lottie viewer instead of a desktop app?

An online Lottie viewer offers several advantages over desktop applications. First, there's no need to download or install anything, which saves space on your device and eliminates compatibility issues. Second, our online viewer works on any device with a browser - computers, tablets, and phones - making it easy to check how your animations look across different screen sizes. Third, with our shareable links, you can quickly send animations to clients or team members without requiring them to have any special software. Finally, our viewer includes features like analytics and password protection that many desktop applications don't offer.

How do I embed a Lottie animation on my website?

After uploading your Lottie animation to our viewer, you'll get an embed code option along with your shareable link. Simply copy this embed code and paste it into your website's HTML where you want the animation to appear. The embedded animation will load directly from our servers, ensuring fast loading times. You can customize the embedding options including size, autoplay settings, and controls visibility. If you're using a content management system like WordPress, you can paste the embed code in an HTML or custom code block. This makes it easy to add Lottie animations to your site without having to host the files yourself.

Try viewing your Lottie animations online for free