HTML/ CSS/ Javascript use with streamlit

[IndigoWizard]

You can inject HTML, CSS & JavaScript through multiple methods, most commonly the st.markdown():

st.markdown("""
   some streamlit class name {
     background: red;
  }
""", unsafe_allow_html=True)

You can do the same with javascript if you can get the classes names etc or inject it within an HTML component, for this I redirect you to this question I just answerd where you can find how to add whole HTML comonents or just iframes:

How do I embed an existing non streamlit webpage to my streamlit app

Demo with solution & code sample: https://shinosuke-lab-2.streamlit.app/ Iframe embedding: For the iframe you can try something like this: import streamlit as st import streamlit.components.v1 as components def run(): iframe_src = "https://open.spotify.com/embed/track/59BweHnnNQc5Y55WO30JuK?utm_source=generator" components.iframe(iframe_src) # You can add height and width to the component of course. if __name__ == "__main__": run() Whole HTML embedding: As you can read on the…

And here’s a demo app for that:

https://shinosuke-lab-2.streamlit.app/