All Projects → andfanilo → streamlit-lottie

andfanilo / streamlit-lottie

Licence: Apache-2.0 License
Streamlit component to render Lottie animations

Programming Languages

python
139335 projects - #7 most used programming language
typescript
32286 projects
HTML
75241 projects
shell
77523 projects
CSS
56736 projects

Projects that are alternatives of or similar to streamlit-lottie

img ai app boilerplate
An image classification app boilerplate to serve your deep learning models asap!
Stars: ✭ 27 (-42.55%)
Mutual labels:  streamlit
streamlit-webrtc-example
Real time video and audio processing examples with Streamlit and streamlit-webrtc
Stars: ✭ 53 (+12.77%)
Mutual labels:  streamlit
streamlit-tensorboard
Streamlit component for TensorBoard, TensorFlow's visualization toolkit
Stars: ✭ 18 (-61.7%)
Mutual labels:  streamlit
Naive-Resume-Matching
Text Similarity Applied to resume, to compare Resumes with Job Descriptions and create a score to rank them. Similar to an ATS.
Stars: ✭ 27 (-42.55%)
Mutual labels:  streamlit
lv lib rlottie
Lottie animation support for LVGL
Stars: ✭ 16 (-65.96%)
Mutual labels:  lottie
MIRNet
Tensorflow implementation of MIRNet for Low-light image enhancement
Stars: ✭ 78 (+65.96%)
Mutual labels:  streamlit
bitcoin-market-android
Bitcoin Market app shows you the current Bitcoin market price and price chart of different time intervals 💰
Stars: ✭ 284 (+504.26%)
Mutual labels:  lottie
streamlit-geospatial
A multi-page streamlit app for geospatial
Stars: ✭ 310 (+559.57%)
Mutual labels:  streamlit
streamlit-observable
Embed Observable notebooks into Streamlit apps!
Stars: ✭ 50 (+6.38%)
Mutual labels:  streamlit
ML-explainability-app
This is a web app built for easy explainability of machine learning models without writing any code in order to explain easily to non-technicals and stakeholders.
Stars: ✭ 15 (-68.09%)
Mutual labels:  streamlit
object-detection-app
Simple object detection app with streamlit
Stars: ✭ 57 (+21.28%)
Mutual labels:  streamlit
streamlit-pandas-profiling
Pandas profiling component for Streamlit.
Stars: ✭ 135 (+187.23%)
Mutual labels:  streamlit
Jetpack-Compose-MVI-Demo
Demo / Sample Android Project created with Jetpack Compose and MVI Architecture Pattern
Stars: ✭ 114 (+142.55%)
Mutual labels:  lottie
glottie
OpenGL/WebGL based Lottie animation player
Stars: ✭ 60 (+27.66%)
Mutual labels:  lottie
COCO-dataset-explorer
Streamlit tool to explore coco datasets
Stars: ✭ 66 (+40.43%)
Mutual labels:  streamlit
lottie-to-svg
Convert a lottie animation to an SVG file
Stars: ✭ 58 (+23.4%)
Mutual labels:  lottie
streamlit-light-leaflet
Streamlit quick & dirty Leaflet component that sends back coordinates on map click
Stars: ✭ 22 (-53.19%)
Mutual labels:  streamlit
Story Generator
A Streamlit web app that generates Rick and Morty stories using GPT2.
Stars: ✭ 28 (-40.43%)
Mutual labels:  streamlit
Bank-Note-Authentication
💸 Authenticate Bank Notes on the basis of Genuity and Forged using Sklearn and deployed on Heroku and FastAPI Server 💳 💲
Stars: ✭ 17 (-63.83%)
Mutual labels:  streamlit
stqdm
stqdm is the simplest way to handle a progress bar in streamlit app.
Stars: ✭ 75 (+59.57%)
Mutual labels:  streamlit

Streamlit Lottie

Streamlit App

Integrate Lottie animations inside your Streamlit app!

Install

pip install streamlit-lottie

Usage

import time
import requests

import streamlit as st
from streamlit_lottie import st_lottie
from streamlit_lottie import st_lottie_spinner


def load_lottieurl(url: str):
    r = requests.get(url)
    if r.status_code != 200:
        return None
    return r.json()


lottie_url_hello = "https://assets5.lottiefiles.com/packages/lf20_V9t630.json"
lottie_url_download = "https://assets4.lottiefiles.com/private_files/lf30_t26law.json"
lottie_hello = load_lottieurl(lottie_url_hello)
lottie_download = load_lottieurl(lottie_url_download)


st_lottie(lottie_hello, key="hello")

if st.button("Download"):
    with st_lottie_spinner(lottie_download, key="download"):
        time.sleep(5)
    st.balloons()

Development

Install

  • JS side
cd frontend
npm install
  • Python side
conda create -n streamlit-lottie python=3.7
conda activate streamlit-lottie
pip install -e .

Run

Both webpack dev server and Streamlit need to run for development mode.

  • JS side
cd frontend
npm run start
  • Python side
streamlit run app.py

References

Support me

Buy Me A Coffee

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].