LottieFiles, an organization that hosts 1000’s of Lottie animations and helps designers create and take a look at their animations, has simply launched an official plugin for WordPress. The corporate just lately raised $37M in a Collection B spherical, handed three million customers on its web site, and is investing in making movement design extra accessible.
Lottie’s open supply animation file format is utilized by greater than 135,000 designers and builders in web sites and apps for Amazon, Google, Spotify, Microsoft, TikTok, Netflix, BBC, Uber, and different excessive profile firms. The JSON-based format was created by the design crew at Airbnb and grew in reputation due to the small file measurement (600% smaller in comparison with GIFs), the truth that it’s scalable at run-time, and its flexibility for use throughout any platform. Lottie recordsdata can be utilized on iOS, Android, net and React Native with out modification.
LottieFiles’ new WordPress plugin is on the market without cost on WordPress.org. As soon as the plugin is put in and activated, it’s going to immediate you to signal into your LottieFiles account or a create a free account. Additionally, you will be given the choice to share the account with different customers and duplicate Lottie recordsdata to the WordPress Media Library.
The plugin was made for the block editor. Inserting the LottieFiles block will launch a modal window the place customers can browse current, featured, and fashionable Lottie animations. Customers can even search by LottieFiles’ library of greater than 50,000 animations or entry non-public recordsdata from their accounts.
One of many advantages of utilizing the plugin, versus merely embedding an animation, is that the block settings permit customers to simply alter the Lottie measurement and background, together with the velocity, looping, and controls show.
Though block libraries like Kadence Blocks have assist for Lottie animations, LottieFiles’ official plugin is a single-block plugin and contains extra block controls. It presents one of the vital consumer pleasant methods to insert animations into net pages, weblog posts, or any content material that would use a bit of a bit of movement design.
The LottieFiles crew has been responsive on the assist boards and within the opinions up to now. In a single occasion the place a consumer reported that the plugin provides its CSS on each web page within the entrance and backend, as a substitute of conditionally including it when Lotties are displayed, the plugin’s builders stated they’re engaged on minimizing the CSS added to pages. LottieFiles is accepting bug experiences and have requests on their suggestions web site.
Thanks a lot for making an attempt out our plugin and that includes it right here 😄
We’re thrilled to listen to you discover the plugin useful, and as you’ve highlighted, we’re engaged on some enhancements.
We’d like to get extra suggestions and listen to from the remainder of the neighborhood.
By the best way, I exploit optimised Lottie block on my web site from Greenshift addon, it’s paid addon so I’m ready to have comparable in free model of Lottie plugin. You’ll be able to see velocity on google https://pagespeed.net.dev/report?url=httpspercent3Apercent2Fpercent2Fblockpresswp.compercent2F
So, it’s potential to make it optimised however all free Lottie plugins don’t do that and I’m compelled to make use of premium plugin.
You need to use them with none plugin, that is probably the most optimised means I’ve discovered.
You need to use with out plugins solely as iframe or as html with direct hyperlinks on scripts. That is even worse for web page velocity and net vitals rating. I don’t understand how builders of Greenshift made this, however I see that it’s potential in some way. Possibly delayed loading or comparable answer.
Hey there Rosyslav
Thanks in your suggestions and making an attempt out the plugin. We’ll look into making the block optimised.
We’ve additionally launched a brand new model (v1.0.5) that removes pointless css from the frontend. The general footprint of the plugin must be decrease.
When you’ve got any extra points, or suggestions, please attain out to us from: https://suggestions.lottiefiles.com/plugin-wordpress
Your e-mail tackle is not going to be revealed.
doc.getElementById( “ak_js_1” ).setAttribute( “worth”, ( new Date() ).getTime() );
This web site makes use of Akismet to cut back spam. Learn the way your remark knowledge is processed.
Enter your e-mail tackle to subscribe to this weblog and obtain notifications of latest posts by e-mail.
WordPress Tavern is a web site about all issues WordPress. We cowl information and occasions, write plugin and theme opinions, and speak about key points inside the WordPress ecosystem…
© All Rights Reserved. Powered by WordPress, hosted by Pressable