Hi there,

Is there a way to empty loaded animation? Something like:

animation = st_lottie(loadLottieUrl([URL]))
...some operations
animation.empty()

Regards,
Don

This is great

I tried downloading the .json file from lottie and putting it into st.lottie("path/to/json") but it does nto work.

Hi, I'm trying to use lottie animation in streamlit multippage. But the issue is I cannot set the position of lottie logo. It's always at the bottom of menu pages. I tried to change the CSS but no success.

Is there a way to fix this? I need the logo on top of pages.

ive been uploading and converting transparent gifs with lottiefiles and one of the gifs ive uploaded if i make a stremalit component and inject the script:

`

<dotlottie-player src="https://link-to-jottie.com/lottie.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></dotlottie-player>

`

it allows you to set background="transparent" which ensures transparency, the only downside to this method is it only works on desktops and not mobile, whereas this component works anywhere streamlit works.. but when i load in the same lottie file this shows a black background.. is there anyway to work around that?

@andfanilo assume i want to show lottie animation as a spinner. how can i delete the lottie component after the task is finished?

sample code:

import time
import streamlit as st
from streamlit_lottie import st_lottie
import requests
def load_lottieurl(url: str):
    r = requests.get(url)
    if r.status_code != 200:
        return None
    return r.json()

lottie_url = "https://assets9.lottiefiles.com/packages/lf20_wvwimamz.json"
lottie_json = load_lottieurl(lottie_url)

with st.spinner(
        text="Downloading.. "
    ):
        st_lottie(lottie_json, height=150, key="loading_gif")
        time.sleep(5)

Then the animation does not stop when spinner is finished.

Is there a way to add width and height?

I am using it as spinner (with st_lottie_spinner(lottie, key="download"):) and it looks too big.

I have tried changing the size of a lottie by reducing the original one. But it is aligned left.
Is there a way to align at the centre?
I tried looking at the code and it seem like one can only modify the height and width, but not the alignment.

Is it possible to add such a argument to the st_lottie_spinner?

Thank you in advance, Fanillo.