Lottie

Instead of a raw JSON file, a .lottie animation is a zipped archive that shrinks file size by 70-80% compared to plain JSON.

Shrink Your Lottie Animations by 80% with the .lottie Format

Lottie was designed as a tool to convert `Adobe After Effects` animations into a format compatible with specific platforms.

Developer Puts Lottie Under the Microscope 

Most modern mobile apps carry out asynchronous operations, operations that would require the user to wait while the app is busy. Creating nice interactive loaders that match the purpose of your app will greatly improve the user experience in your app. For example the gif above showcases an example where i used an animation of a washing machine as a loading animation in a laundromat Android application. The process of creating animations on android application as been greatly simplified by the guys at Lottie: https://lottiefiles.com/. In this little article, i would outline the steps required to utilize these animations to make awesome loaders for Android. 

How to Create Awesome Loaders on Android with Lottie Animations

How to create a dialogue with Lottie animation and a lot of customization in your Android App

A Beginners Guide to Creating a Dialogue with Lottie Animation in Android

Meet Lottie — the most revolutionary motion design solution of all time. Animation is a proven effective way to grab customers’ attention. 

Meet Lottie — The Open-Source File That Is Changing Animation As We Know It

Nowadays, high-quality software consists of many factors&nbsp;like:

Creating awesome animations in iOS apps with Lottie

In this tutorial, we will be using <a href="https://www.lottiefiles.com/" target="_blank">Lottie</a> with React Native. Lottie is an opensource library that renders Adobe Effects by providing easy to use animations just like static images. These animations are beautiful. Lottie is a mobile library developed by AirBnB. These animations are exported as JSON files using <a href="https://github.com/airbnb/lottie-web" target="_blank">Bodymovin</a> to render the natively on mobile and in web applications.

React Native: Getting Started with Lottie and Expo

The useImperativeHandle hook allows developers to customize the methods and properties exposed by a component, enhancing flexibility and maintainability.

Master React by Designing Effective APIs With the useImperativeHandle Hook

Designers are expected to bridge the gap between creativity and technology. Anyone, even developers, who are working on interfaces should have a great sense of 

Start Developing Your Designs (Literally)

Replace these 10 legacy libraries with cutting-edge solutions to revitalize your development process.

Top 10 Open Source iOS Libraries Every Developer Should Replace in 2024

Maximize efficiency in low-code web dev with these essential practices. From setup to cleanup, streamline workflows for better productivity and innovation.

The 3 Stages of Improving Your Everyday Life as a Developer

Unlock the Secrets to Landing Your Dream UI/UX Design Job! Discover insider tips on mastering behavioral interview questions, navigating the interview process.

Coveted Careers: Mastering the Art of Securing Top UI/UX Design Roles in 2024

Lottie is building an online marketplace that gives users all the tools to select and compare the UK's best-performing care homes

LOTTIE

lottie.org

50+ emps

Since 2021

Worth 45M

LOTTIE

EVERGREEN INDEX #6574

Lottie's stories on HackerNoon

Shrink Your Lottie Animations by 80% with the .lottie Format

Developer Puts Lottie Under the Microscope

How to Create Awesome Loaders on Android with Lottie Animations

A Beginners Guide to Creating a Dialogue with Lottie Animation in Android

Meet Lottie — The Open-Source File That Is Changing Animation As We Know It

Creating awesome animations in iOS apps with Lottie

React Native: Getting Started with Lottie and Expo

Master React by Designing Effective APIs With the useImperativeHandle Hook

Start Developing Your Designs (Literally)

Top 10 Open Source iOS Libraries Every Developer Should Replace in 2024

The 3 Stages of Improving Your Everyday Life as a Developer

Coveted Careers: Mastering the Art of Securing Top UI/UX Design Roles in 2024

Lottie's Related Companies

Representing this company? Click here to claim and customize this page!

Reviews About Lottie

Lottie WIKI

Apply to get your Tech Company News Page live on HackerNoon.com today!

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps

LOTTIE

lottie.org

50+ emps

Since 2021

Worth 45M

LOTTIE

EVERGREEN INDEX #6574

Lottie's stories on HackerNoon

Shrink Your Lottie Animations by 80% with the .lottie Format

Developer Puts Lottie Under the Microscope

How to Create Awesome Loaders on Android with Lottie Animations

A Beginners Guide to Creating a Dialogue with Lottie Animation in Android

Meet Lottie — The Open-Source File That Is Changing Animation As We Know It

Creating awesome animations in iOS apps with Lottie

React Native: Getting Started with Lottie and Expo

Master React by Designing Effective APIs With the useImperativeHandle Hook

Start Developing Your Designs (Literally)

Top 10 Open Source iOS Libraries Every Developer Should Replace in 2024

The 3 Stages of Improving Your Everyday Life as a Developer

Coveted Careers: Mastering the Art of Securing Top UI/UX Design Roles in 2024

Lottie's Related Companies

2013

100B

2018

15.2B

6%

2018

12B

2015

9.2B

2018

8B

2015

7.3B

Representing this company? Click here to claim and customize this page!

Reviews About Lottie

Lottie WIKI

Apply to get your Tech Company News Page live on HackerNoon.com today!

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps