SPICE your Streamlit Apps with Lottie animations!
Вставка
- Опубліковано 6 лют 2022
- With the release of streamlit-lottie 0.0.3, you can now use `st_lottie_spinner` the same way you would use `st.spinner` with a Lottie animation. The perfect opportunity to explain the awesome Lottie package.
👉 pip install streamlit-lottie
- Lottie marketplace: lottiefiles.com/
- Lottie editor: lottiefiles.com/editor
📜 Links to package
- README: github.com/andfanilo/streamli...
- Demo code: github.com/andfanilo/streamli...
🐦Follow daily updates on Twitter: / andfanilo
🗣️ My other links: linktr.ee/andfanilo
☕ Want to support me? www.buymeacoffee.com/andfanilo
Want to start the UA-cam Grind too? Here are some of my tools
🎵 Music (Epidemic Sound) - www.epidemicsound.com/referra...
👍 Like & Subscribe if you would like to see more videos!
(This video is about 2 months late but heh, better late than never right :)? )
#streamlit #python #datascience #dataapps
⚠️ Disclaimer: This video is not sponsored. Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. Thank you for supporting my channel so I can continue to provide you with free content each week!
Hi Fanilo, thanks a lot for this nice package.
Glad you like it! Have fun adding animations
Comment + Like, because I need to support this component. ;-) Thank you for sharing!
Thanks for watching and engaging :-)
I need to find more time to add some new features to them!
Found you in some questions in the streamlit community a week ago now I find you on UA-cam if I'm not lucky and don't know what I am
Eheh, I wonder where you will find me next :p
Need your help Fanilo!!!! I am so newbie. May you have a video step by step tutorial on deloying lottie animation to streamlit cloud? Thanks!!!
Hey
As long as you deploy (following ua-cam.com/video/kULH9m_Os50/v-deo.html) and don't forget to add a `requirements.txt` file with `streamlit-lottie` inside, which will install the package on your deployed app (here is a sample project: github.com/andfanilo/streamlit-lottie-demo/blob/master/requirements.txt ), you should be good.
Hope this helps, happy Streamlitin'
is there anyway to make the background of lottie animation transparent?
Hey Rahul
This is not yet possible, I don't know yet why to be honest :/ can you put that as a Github issue on github.com/andfanilo/streamlit-lottie/issues ? Thanks a lot!
@@andfanilo thanks for your reply. Sure will do it
Is there a way to prevent the following error (encountered sometimes during cold starts on cloud providers):
""""""
Your app is having trouble loading the streamlit_lottie.streamlit_lottie component.
(The app is attempting to load the component from **, and hasn't received its "streamlit:componentReady"** message.)
If this is a development build, have you started the dev server?
If this is a release build, have you compiled the frontend?
For more troubleshooting help, please see the Streamlit Component docs or visit our forums.
"""""""
Thank you so much Fanilo; as you know, love the channel #1Supporter
Thanks for your support 🤩
For the trouble loading, unfortunately we don't have a clear solution 🥲, it's a bit on our side component maintainers to reduce the library size and a bit of timeout editing on the Streamlit side that is being experimented but not released yet. Hope we get to a better state in the months to come.
Have a nice day!
@@andfanilo thank you for your feedback! Looking forward to it