How To Use Lottie Animations

Growth Services Droplets


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….

We Make Growth Hacking Accessible To Everyone​


By forming an onsite or remote virtual team with one of GRO.TEAM’s Growth Experts we can put a rocket under your growth much more quickly and cost effectively than you might imagine.

Our Growth Expert will run virtual daily standups with your cross-functional team and Measure –> Act –> Measure ideas to move the needle for your business. Physical location is no barrier…we have growth hacked “in” 11 countries so far…give us a shout to find out more.


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.


Growth Services


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


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

Loving Our Videos?!?

how to

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
Business Growth Agency
Bobby Growth Services

Give our friendly team  a shout for a non salesy chat about how we can get stuck into your challenges…asap
19 Google reviews
chris airey
chris airey
2020-11-15 and Rory are very focussed and sharp in terms of that art of matching solution to need. Commercial, positive, pacy - a great experience.
Martin Wright
Martin Wright
As a candidate for a C-Level role, I can highly recommend Gro.Team, who manage to be both highly professional and friendly and engaging. With a level of technical expertise that many candidates can only dream about, unlike some recruiters Rorie not only knows his stuff inside-out but also understands what you're looking for, and is genuinely motivated to find a match that suits both business and candidate equally.
Artur Grabowski
Artur Grabowski
Can't recommend 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
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
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
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
Focussed, sharp, incisive bunch of people - breath of fresh air . Be prepared to be challenged - supportively.
Simon Teppett
Simon Teppett
Everything about is extremely well run - and Rorie is abosutely top flight. He knows his onions !!
Stuart Prestedge
Stuart Prestedge
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
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 :-)

You Might Also Like