# Lottie in Web

**URL:** https://forum.lottiefiles.com/c/lottie-in-web/7.md

[Latest](https://forum.lottiefiles.com/latest.md) · [Categories](https://forum.lottiefiles.com/categories.md)

---

## [About the Lottie in Web category](https://forum.lottiefiles.com/t/about-the-lottie-in-web-category/19)

<div class="topic-metadata">

**Author:** [@lottiefiles](https://forum.lottiefiles.com/u/lottiefiles)\
**Replies:** 0\
**Last updated:** [June 9, 2020, 9:55am UTC](https://forum.lottiefiles.com/t/about-the-lottie-in-web-category/19 "2020-06-09T09:55:06Z")

</div>

Everything to do with implementing Lottie in web based platforms. This category will function as a self-serve tool for developers and those wishing to implement Lottie animations in web-based platforms. This could incl…

---

## [Cannot display animation on Adobe AEM CMS (lottie web)](https://forum.lottiefiles.com/t/cannot-display-animation-on-adobe-aem-cms-lottie-web/8376)

<div class="topic-metadata">

**Author:** [@Davide\_Benatti](https://forum.lottiefiles.com/u/Davide_Benatti)\
**Replies:** 1\
**Last updated:** [September 11, 2026, 7:21am UTC](https://forum.lottiefiles.com/t/cannot-display-animation-on-adobe-aem-cms-lottie-web/8376 "2026-09-11T07:21:50Z")

</div>

I have two similar animations one is displaying correctly, this one: LottieFiles - free animation files built for Lottie the other one is not displaying at all, even if no error are showed in the lottiefiles preview and…

---

## [Free Animations via API](https://forum.lottiefiles.com/t/free-animations-via-api/8367)

<div class="topic-metadata">

**Author:** [@Andy\_Kotov](https://forum.lottiefiles.com/u/Andy_Kotov)\
**Replies:** 3\
**Last updated:** [August 28, 2026, 2:34am UTC](https://forum.lottiefiles.com/t/free-animations-via-api/8367 "2026-08-28T02:34:21Z")

</div>

I can’t find any information on the website about the ability to search for and download free animations via the API

---

## [Lottie file works in Lottie editors but fails in WordPress plugin on my site](https://forum.lottiefiles.com/t/lottie-file-works-in-lottie-editors-but-fails-in-wordpress-plugin-on-my-site/8309)

<div class="topic-metadata">

**Author:** [@Jason2](https://forum.lottiefiles.com/u/Jason2)\
**Replies:** 1\
**Last updated:** [May 15, 2026, 9:21am UTC](https://forum.lottiefiles.com/t/lottie-file-works-in-lottie-editors-but-fails-in-wordpress-plugin-on-my-site/8309 "2026-05-15T09:21:14Z")

</div>

Hello, I used the SVG auto-animate as a test and it made this: https://app.lottiefiles.com/share/3a38991a-238f-4558-b5a6-aee1112f0a7f On the Lottie site it seems to be working, but… When I add the asset link https://l…

---

## [Export of SVG as JSON does not work](https://forum.lottiefiles.com/t/export-of-svg-as-json-does-not-work/8318)

<div class="topic-metadata">

**Author:** [@Selene](https://forum.lottiefiles.com/u/Selene)\
**Replies:** 1\
**Last updated:** [May 13, 2026, 4:11am UTC](https://forum.lottiefiles.com/t/export-of-svg-as-json-does-not-work/8318 "2026-05-13T04:11:59Z")

</div>

Hello, I need to transfer an animation I did on Lottie files, with SVG layers that come from Adobe Illustrator. I did the animation and it worked, I exported it as JSON and when I gave it to the dev I’m working with, he…

---

## [Extra padding on lottie embed](https://forum.lottiefiles.com/t/extra-padding-on-lottie-embed/8081)

<div class="topic-metadata">

**Author:** [@Rafael1](https://forum.lottiefiles.com/u/Rafael1)\
**Replies:** 0\
**Last updated:** [December 2, 2025, 7:09pm UTC](https://forum.lottiefiles.com/t/extra-padding-on-lottie-embed/8081 "2025-12-02T19:09:48Z")

</div>

Hello! We’re running into a challenge where there is extra padding above and below our lottie file. Does anyone have any suggestions? Here is the page with with the file. The cityscape should not have space above and …

---

## [Lottie files overlapping when I see them in mobile](https://forum.lottiefiles.com/t/lottie-files-overlapping-when-i-see-them-in-mobile/7013)

<div class="topic-metadata">

**Author:** [@HZ1](https://forum.lottiefiles.com/u/HZ1)\
**Replies:** 3\
**Last updated:** [November 1, 2025, 7:54am UTC](https://forum.lottiefiles.com/t/lottie-files-overlapping-when-i-see-them-in-mobile/7013 "2025-11-01T07:54:07Z")

</div>

Hi, When I edit using mobile version in my wordpress website, Lottie files look perfectly fine but when I open my website in my cell phone the animation WhatsApp plus 2025 emojis and stickers overlap over each other. Ho…

---

## [Animation not in the specified frame rate from AE](https://forum.lottiefiles.com/t/animation-not-in-the-specified-frame-rate-from-ae/7033)

<div class="topic-metadata">

**Author:** [@Henrik1](https://forum.lottiefiles.com/u/Henrik1)\
**Replies:** 3\
**Last updated:** [October 17, 2025, 10:35am UTC](https://forum.lottiefiles.com/t/animation-not-in-the-specified-frame-rate-from-ae/7033 "2025-10-17T10:35:49Z")

</div>

I’ve created an animation that’s set to 10 fps in After Effects 2025. When exporting the animation to .JSON, there is—AFAICT—a frame rate line included ("fr": 10,). However, when I play the animation, it’s playing at a m…

---

## [Visible Lag while using the Interactivity Player and animation chaining](https://forum.lottiefiles.com/t/visible-lag-while-using-the-interactivity-player-and-animation-chaining/7901)

<div class="topic-metadata">

**Author:** [@Rafal](https://forum.lottiefiles.com/u/Rafal)\
**Replies:** 1\
**Last updated:** [October 9, 2026, 9:00am UTC](https://forum.lottiefiles.com/t/visible-lag-while-using-the-interactivity-player-and-animation-chaining/7901 "2026-10-09T09:00:47Z")

</div>

Hello, I hope this is not a repeated topic :slight\_smile: And my team has been using the lotties on our client’s website, and we run into a problem that we can’t solve ourselves. In a nutshell, we’re using the Lottie …

---

## [How to add Layer into Timeline in Lottie Creator?](https://forum.lottiefiles.com/t/how-to-add-layer-into-timeline-in-lottie-creator/7785)

<div class="topic-metadata">

**Author:** [@Chun\_Him](https://forum.lottiefiles.com/u/Chun_Him)\
**Replies:** 0\
**Last updated:** [July 30, 2025, 10:59am UTC](https://forum.lottiefiles.com/t/how-to-add-layer-into-timeline-in-lottie-creator/7785 "2025-07-30T10:59:56Z")

</div>

I Just uploaded lottie json file to Lottie Creator, and I can’t add newly imported layer into timeline to make it visible.

---

## [Have lottie player use the intrinsic dimensions of the animation](https://forum.lottiefiles.com/t/have-lottie-player-use-the-intrinsic-dimensions-of-the-animation/7425)

<div class="topic-metadata">

**Author:** [@Moriz](https://forum.lottiefiles.com/u/Moriz)\
**Replies:** 1\
**Last updated:** [July 12, 2025, 6:58am UTC](https://forum.lottiefiles.com/t/have-lottie-player-use-the-intrinsic-dimensions-of-the-animation/7425 "2025-07-12T06:58:44Z")

</div>

Hello, I’m rendering the react lottie component like this: \<DotLottieReact src={mediaFile.url} autoplay={false} loop={false} dotLottieRefCallback={dotLottieRefCallback} /\> With the same src file, the width of t…

---

## [Lottie image blank when hosting file on our AWS](https://forum.lottiefiles.com/t/lottie-image-blank-when-hosting-file-on-our-aws/7465)

<div class="topic-metadata">

**Author:** [@Kim](https://forum.lottiefiles.com/u/Kim)\
**Replies:** 2\
**Last updated:** [June 5, 2025, 8:31pm UTC](https://forum.lottiefiles.com/t/lottie-image-blank-when-hosting-file-on-our-aws/7465 "2025-06-05T20:31:42Z")

</div>

The JSON file is the same whether it’s hosted by Lottiefiles or we try hosting the file ourselves. The image was blank, as in I could see where the lottie file was inserted because it was taking up space, but it was bla…

---

## [Lottie showing correctly in Lottie player but not on website](https://forum.lottiefiles.com/t/lottie-showing-correctly-in-lottie-player-but-not-on-website/7350)

<div class="topic-metadata">

**Author:** [@Eve1](https://forum.lottiefiles.com/u/Eve1)\
**Replies:** 2\
**Last updated:** [May 12, 2025, 8:58am UTC](https://forum.lottiefiles.com/t/lottie-showing-correctly-in-lottie-player-but-not-on-website/7350 "2025-05-12T08:58:01Z")

</div>

Hi there. My Lottie file is playing correctly in my Lottie workspace however when I upload the .json file to our website (via Contentful) there are bits of the visual missing. Anyone have an idea what’s going wrong? Than…

---

## [Event Listeners Not working (dotLottie Player )](https://forum.lottiefiles.com/t/event-listeners-not-working-dotlottie-player/7330)

<div class="topic-metadata">

**Author:** [@Brendan](https://forum.lottiefiles.com/u/Brendan)\
**Replies:** 1\
**Last updated:** [May 7, 2025, 3:20pm UTC](https://forum.lottiefiles.com/t/event-listeners-not-working-dotlottie-player/7330 "2025-05-07T15:20:41Z")

</div>

Not sure what I’m doing wrong, but my lottie file is not triggering the js events I have two examples, one using my file and another using the example from the documentation. Check this Codepen and view the console. …

---

## [Linking the iframe to a document for download](https://forum.lottiefiles.com/t/linking-the-iframe-to-a-document-for-download/7128)

<div class="topic-metadata">

**Author:** [@Behram\_Cooper](https://forum.lottiefiles.com/u/Behram_Cooper)\
**Replies:** 0\
**Last updated:** [March 20, 2025, 12:58am UTC](https://forum.lottiefiles.com/t/linking-the-iframe-to-a-document-for-download/7128 "2025-03-20T00:58:14Z")

</div>

I have chosen a Lottie animation and copied the code for use in an iframe. I want to link that iframe to a document for download. The code I am using is as follows: \<a href="https://petertheapostle.org/downloads/2025 Sa…

---

## [Image sequence won't embed](https://forum.lottiefiles.com/t/image-sequence-wont-embed/7307)

<div class="topic-metadata">

**Author:** [@jeremy.j.winter](https://forum.lottiefiles.com/u/jeremy.j.winter)\
**Replies:** 0\
**Last updated:** [April 28, 2025, 5:20pm UTC](https://forum.lottiefiles.com/t/image-sequence-wont-embed/7307 "2025-04-28T17:20:41Z")

</div>

I’m having an issue rendering a json with Lottie files in After Effects. The image sequence is not embedded. I’ve checked the setting to include image assets. How can I embed the image sequence? What am I doing wrong? TI…

---

## [Saber plugin to JSON by bodymovin?](https://forum.lottiefiles.com/t/saber-plugin-to-json-by-bodymovin/6228)

<div class="topic-metadata">

**Author:** [@Arpit\_Dubey](https://forum.lottiefiles.com/u/Arpit_Dubey)\
**Replies:** 4\
**Last updated:** [April 24, 2025, 9:59am UTC](https://forum.lottiefiles.com/t/saber-plugin-to-json-by-bodymovin/6228 "2025-04-24T09:59:09Z")

</div>

Hello I’m struggling with one problem I made an affect in after effects 2020 with saber plugin I want to use it as json so used bodymovin but my animation isn’t visible. Is there anyway to resolve this issue or any other…

---

## [Event listener image loaded](https://forum.lottiefiles.com/t/event-listener-image-loaded/5484)

<div class="topic-metadata">

**Author:** [@Itamar](https://forum.lottiefiles.com/u/Itamar)\
**Replies:** 1\
**Last updated:** [April 1, 2025, 6:52am UTC](https://forum.lottiefiles.com/t/event-listener-image-loaded/5484 "2025-04-01T06:52:25Z")

</div>

I’m loading an image dynamically and want to display the Lottie only when the image has been fully loaded. How to add such an event listener? Many Thanks! Itamar.

---

## [Hide Lottie player?](https://forum.lottiefiles.com/t/hide-lottie-player/7115)

<div class="topic-metadata">

**Author:** [@jj.spelman](https://forum.lottiefiles.com/u/jj.spelman)\
**Replies:** 0\
**Last updated:** [March 18, 2025, 3:20am UTC](https://forum.lottiefiles.com/t/hide-lottie-player/7115 "2025-03-18T03:20:58Z")

</div>

Brand new to Lottie. dotLottie files are so much cleaner and smoother than an animated gif. However when using the dotLottie file the animation has a player. is it possible to export without the player?

---

## [How can I mock the Lottie component in React?](https://forum.lottiefiles.com/t/how-can-i-mock-the-lottie-component-in-react/3341)

<div class="topic-metadata">

**Author:** [@filipe.cetta](https://forum.lottiefiles.com/u/filipe.cetta)\
**Replies:** 2\
**Last updated:** [March 24, 2025, 6:57pm UTC](https://forum.lottiefiles.com/t/how-can-i-mock-the-lottie-component-in-react/3341 "2025-03-24T18:57:49Z")

</div>

Hello, my name is Filipe. I didn’t find in the documentation how I can mock Lottie when testing in React. The way I’m mocking is showing this error: My test: import React from 'react'; import { act, create } from '…

---

## [Loop animation, play an animation and stop on hover, then reverse when mouse out?](https://forum.lottiefiles.com/t/loop-animation-play-an-animation-and-stop-on-hover-then-reverse-when-mouse-out/6996)

<div class="topic-metadata">

**Author:** [@Jeremy3](https://forum.lottiefiles.com/u/Jeremy3)\
**Replies:** 3\
**Last updated:** [March 5, 2025, 7:43am UTC](https://forum.lottiefiles.com/t/loop-animation-play-an-animation-and-stop-on-hover-then-reverse-when-mouse-out/6996 "2025-03-05T07:43:51Z")

</div>

Hi there, I’m trying to use LottieInteractivity to do something that seems like it should be basic. I want an animation to loop by default, and then another animation to play once and stop while mouseOver, and then go …

---

## [I keep getting this pop-up when uploading: Couldn’t upload animation](https://forum.lottiefiles.com/t/i-keep-getting-this-pop-up-when-uploading-couldn-t-upload-animation/7044)

<div class="topic-metadata">

**Author:** [@Latifa](https://forum.lottiefiles.com/u/Latifa)\
**Replies:** 1\
**Last updated:** [February 20, 2025, 7:56am UTC](https://forum.lottiefiles.com/t/i-keep-getting-this-pop-up-when-uploading-couldn-t-upload-animation/7044 "2025-02-20T07:56:49Z")

</div>

Yesterday I literally uploaded 30 icons and it worked flawlessly. Now, for some reason, I get a great preview of the work I did, but when I click save to download it loads for a few seconds then tells me “Couldn’t upload…

---

## [Yo, can the Lottie devs ask their amazing AI bullshit to fix alpha mattes / expressions / text / etc](https://forum.lottiefiles.com/t/yo-can-the-lottie-devs-ask-their-amazing-ai-bullshit-to-fix-alpha-mattes-expressions-text-etc/7029)

<div class="topic-metadata">

**Author:** [@trial](https://forum.lottiefiles.com/u/trial)\
**Replies:** 1\
**Last updated:** [February 18, 2025, 1:03am UTC](https://forum.lottiefiles.com/t/yo-can-the-lottie-devs-ask-their-amazing-ai-bullshit-to-fix-alpha-mattes-expressions-text-etc/7029 "2025-02-18T01:03:59Z")

</div>

Seriously. Lottie used to be a valuable tool, I even onboarded it where I work, etc - but lately trying to do any meaningful / more complex animations for web while using Lottie is a truly depressing experience. The AE…

---

## [Accelerated hardware](https://forum.lottiefiles.com/t/accelerated-hardware/6806)

<div class="topic-metadata">

**Author:** [@Martin6](https://forum.lottiefiles.com/u/Martin6)\
**Replies:** 2\
**Last updated:** [February 17, 2025, 4:16am UTC](https://forum.lottiefiles.com/t/accelerated-hardware/6806 "2025-02-17T04:16:37Z")

</div>

I have issues with accelerated hardware. Im using Arc browser and Chrome. When I click on Lottie Creator I get the notification of not having enabled hardware acceleration although I have it enabled. Any suggestions on h…

---

## [Video player cursor of web player](https://forum.lottiefiles.com/t/video-player-cursor-of-web-player/5413)

<div class="topic-metadata">

**Author:** [@fdrb1978](https://forum.lottiefiles.com/u/fdrb1978)\
**Replies:** 1\
**Last updated:** [February 8, 2025, 7:23am UTC](https://forum.lottiefiles.com/t/video-player-cursor-of-web-player/5413 "2025-02-08T07:23:57Z")

</div>

Hi, First, sorry for my English, I’m French. Is it possible to change de color of the cursor of web player. Currently it’s green. I would like to have a blue one. Is-it possible and how ? Thanks

---

## [Lottie file can't be uploaded, HELP PLEASE](https://forum.lottiefiles.com/t/lottie-file-cant-be-uploaded-help-please/5808)

<div class="topic-metadata">

**Author:** [@Loreen](https://forum.lottiefiles.com/u/Loreen)\
**Replies:** 1\
**Last updated:** [June 6, 2024, 5:02am UTC](https://forum.lottiefiles.com/t/lottie-file-cant-be-uploaded-help-please/5808 "2024-06-06T05:02:00Z")

</div>

Hi there, I am desperately trying to export my Lottie file for a loader but I cannot upload my file, therefore I can’t save it or export it. I am on After Effect 2024 (24.1) and when I export the Lottie and click uploa…

---

## [Animation doesn't work with scroll](https://forum.lottiefiles.com/t/animation-doesnt-work-with-scroll/5968)

<div class="topic-metadata">

**Author:** [@Loic\_Panchoo](https://forum.lottiefiles.com/u/Loic_Panchoo)\
**Replies:** 3\
**Last updated:** [February 3, 2025, 4:45am UTC](https://forum.lottiefiles.com/t/animation-doesnt-work-with-scroll/5968 "2025-02-03T04:45:28Z")

</div>

Hello, my animation doesn’t work with scroll and I don’t understand why. Here is my code : \<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"\>\</script\> \<script src…

---

## [Lottie 4.0 .json or .lottie files not supported on Webflow](https://forum.lottiefiles.com/t/lottie-4-0-json-or-lottie-files-not-supported-on-webflow/6698)

<div class="topic-metadata">

**Author:** [@Jesse\_Story](https://forum.lottiefiles.com/u/Jesse_Story)\
**Replies:** 2\
**Last updated:** [January 11, 2025, 5:41pm UTC](https://forum.lottiefiles.com/t/lottie-4-0-json-or-lottie-files-not-supported-on-webflow/6698 "2025-01-11T17:41:26Z")

</div>

Updated to the latest Lottie and now my files are no longer supported by weblfow. Does anyone have a older .zxp AE plugin? Thanks

---

## [Lottie Supported Features - Categories Question](https://forum.lottiefiles.com/t/lottie-supported-features-categories-question/6729)

<div class="topic-metadata">

**Author:** [@Diogo\_Mendes-Pinto](https://forum.lottiefiles.com/u/Diogo_Mendes-Pinto)\
**Replies:** 2\
**Last updated:** [January 8, 2025, 9:51am UTC](https://forum.lottiefiles.com/t/lottie-supported-features-categories-question/6729 "2025-01-08T09:51:40Z")

</div>

I need to create some Lottie animations for a website and I’m trying to understand if I can include images on the animations. On the Lottie-Web column it says it supports images but on the Android column it says it does…

---

## [Can't login/signup on web with existing email](https://forum.lottiefiles.com/t/cant-login-signup-on-web-with-existing-email/6715)

<div class="topic-metadata">

**Author:** [@Sharjeel](https://forum.lottiefiles.com/u/Sharjeel)\
**Replies:** 1\
**Last updated:** [December 31, 2024, 10:45am UTC](https://forum.lottiefiles.com/t/cant-login-signup-on-web-with-existing-email/6715 "2024-12-31T10:45:08Z")

</div>

Hi, i am trying to login on web with my already registered email, but every time i click on login it refresh the page. same for the signup process.

[Next page](https://forum.lottiefiles.com/c/lottie-in-web/7.md?page=1)