Replace button on click with lottie animation until process done

Hi all,

On my app, when users enter in their login details and hit the “Submit” button, I would like the button to be replaced with a “Checking your details” animation then an “Authenticated” animation once done.

I have a custom Lottie animation of our logo spinning that would be cool to embed

I could install an st.spinner widget but it would just be cool to have an animation instead of the button.

Does anyone have any ideas on how to do this?

1 Like

Hi @C_Quang,

Thanks for sharing your question! There’s actually a Lottie component for Streamlit (built by @andfanilo!) – GitHub - andfanilo/streamlit-lottie: Streamlit component to render Lottie animations