Back to updates
Enhancement
Layout & design

dotLottie animation file support

You can now use this newer, smaller file format to improve the loading time of animation assets in the Designer as well as your published sites

dotLottie animation file support

<p id=""><a href="<https://dotlottie.io/>" target="_blank">Lottie</a> brings the power of Adobe After Effects animations to the web. Today, we’re releasing dotLottie file support, meaning you can add After Effects animations right into Webflow with smaller file sizes and faster load times than ever before. And with Webflow Interactions, you can tie these animations to powerful triggers like page load, page scroll, and even mouse move — creating powerful interactive experiences on your Webflow sites.<br></p><p id="">One thing to note — due to browser limitations you are not able to drag-n-drop dotLottie files into your assets, however you can still *directly* upload your dotLottie files via the Assets panel.</p><p id="">Be sure to give it a try today!</p><div data-rt-embed-type='true'><div style="padding-bottom: 56.25%; position: relative;">

   <iframe  =""  src="<https://player.vimeo.com/video/809817024?background=1>"  width="100%"  height="100%"  frameborder="0"  allow="autoplay; fullscreen"  allowfullscreen=""  style="

        position: absolute;

        isolation: isolate;

        overflow: hidden;">

   </iframe>

</div>

<script src="<https://player.vimeo.com/api/player.js>"></script>

<figcaption>New support for dotLottie file types to improve the load time of animation assets in the Designer.</figcaption></div><p id="">‍<strong id=""><br></strong></p>


Launched on
March 16, 2023
Category
Layout & design

Related updates

Truncate long content with text overflow

Truncate long content with text overflow

Learn more
Text Decoration Styles

Text Decoration Styles

Learn more
New variable types: Number and Percentage

New variable types: Number and Percentage

Learn more
Component style variants is now available

Component style variants is now available

Learn more
Manage variables at scale with reordering and bulk actions

Manage variables at scale with reordering and bulk actions

Learn more
Drop shadow filters

Drop shadow filters

Learn more