How To Use Lottie Animations

Growth Services Droplets

LOTTIE

How To use lottie Animations
The animated Elementor logo above is done with a new technology called Lottie and if you hover your cursor over the GRO.TEAM logo in the top left of this page or the contact icons at the bottom of the page you might notice some subtle animations. You’ll need to press them if you’re reading this on a phone of course…

A New Approach

recently open sourced by aiRbnb design
Lottie is an iOS, Android and React Native library that renders Adobe After Effects animations in real time. Lottie uses animation data exported as JSON files from an open-source After Effects extension called Bodymovin. The extension is bundled with a JavaScript player that can render the animations on the web. Elementor have have added a Lottie widget to their Elementor Pro product to make the technology available to all WordPress site creators.

Using Elementor's Lottie Widget

Elementot Lottie Widget
Elementor Adding Lottie Options

why use Lottie?

Lottie animations are easier to create and more flexible to use
The use of scalable graphics means that Lottie animations can be used seamlessly in any context and the lightweight lazy-loaded (after the site is interactive) pay load means a Lottie animation doesn’t impair overall user experience….

Quicker

By using scalable graphics and json
Complex scalable animations can be rendered with JSON payloads as low as 30-50KB. They can also be lazy loaded to avoid blocking the rendering of the site/app.

making
Ux
better

Growth Services

better

using lottie means no
Bulky image files for each screen size or having to write a thousand lines of brittle, hard-to-maintain code…

cheaper

No code
By making the use of animation possible without coding the ROI on using animation suddenly looks much better.

Loving Our Videos?!?

Choose
how to
trigger
it

interactive experience
A Lottie animation can triggered based on a variety of behaviours that trigger animations, such as viewport, scroll, hover and click…

open source and free

there are plenty of sites now offering free lottie json downloads
LottieFile and useAnimations are excellent libraries of free Lottie animations…

have fun

anything that makes apps and sites more dynamic and interactive has to be a good thing…
Why not try Lottie out and see what you think?

GRO.TEAM Business Growth Agency Services Joined Up

GRO.TEAM Business Growth Agency
GROW Coaching
Josh
Loana
Bobby Growth Services
Talk TO A HUMAN

Give our friendly team  a shout for a non salesy chat about how we can get stuck into your challenges…asap
Artur Grabowski
Artur Grabowski
2020-09-22
Verified review
Can't recommend gro.team enough. Very professional and modern approach to the problem of business and team building in very difficult times. Rorie's perfect combination of experience and skills allowed us to unlock the full potential.
Stuart Nelmes
Stuart Nelmes
2020-09-07
Verified review
Having worked with the team across various projects and assignments, it's always reassuring to know that the results are alway going to be delivered. Loana is great to work with, ensuring that the the projects are always given the right candidates to ensure success.
Nic Hutchins
Nic Hutchins
2020-09-04
Verified review
Every now and again, if you’re lucky, you will come across a business that delights you. This is what you’ll find with Rorie and the team. Excellent in their chosen fields, easy to engage with and genuinely excited about getting you the result you desire.
Daniel Carter
Daniel Carter
2020-09-02
Verified review
We used GRO.TEAM to iron out internal issues with CTOs, they also helped us to revise our way of working and helped us with a very successful growth hacking campaign. They took us through a full consultation assessing what was and wasn't working internally - they also helped with internal mentoring for some of our staff. Overall - exceptionally good service and a fantastic business to work with.
derry oneill
derry oneill
2020-09-02
Verified review
Focussed, sharp, incisive bunch of people - breath of fresh air . Be prepared to be challenged - supportively.
Simon Teppett
Simon Teppett
2020-09-02
Verified review
Everything about gro.team is extremely well run - and Rorie is abosutely top flight. He knows his onions !!
Stuart Prestedge
Stuart Prestedge
2020-09-02
Verified review
Rorie & Loana @ GRO.TEAM are extremely friendly, professional and effective. They take pride in ensuring that candidates are ideal for the roles which is a win-win for both sides. Highly recommended!
N Cohen
N Cohen
2020-09-02
Verified review
Love the interaction with Rorie, Loana, and the team. Committed, professional, yet fun and engaging! the perfect blend for a successful 21st-cent tech business. Looking forward to working with you again soon 🙂
Ned Has
Ned Has
2020-09-02
Verified review
Well, I have all the best things to say here, because the team headed by Rorie and Rorie are the best people to work with. People are hand picked high achievers of the new age, and there is so much to learn from them. They take on complex missions and next thing you know it's on the national news.
Ritchie Williamson
Ritchie Williamson
2020-09-02
Verified review
I had the pleasure of working with Gro -Team. Rorie Devine was very professional in helping me find someone that can support my business. Would definitely recommend anyone looking for key skills to help support your business or startup.