Removing Streamlit branding

Using Streamlit
1

I really like Streamlit. However, I cannot understand why people are forced to use its branding. Shouldn’t such a framework be more neutral?
I am currently using the code from this post to hide the header and footer. However, the red/yellow loading line is still visible. I cannot hide this. The reason is that the usual css injection mechanism will load the styles too late.
Is there any other method to hide or redesign this loading line?
It would be nice if the developers could enable a neutral design.

2

Totally agreed, if streamlit is truly to be used as an open-source platform then it only makes sense to allow the users to easily remove the default branding.

I’m not entirely sure what you mean by the loading line but see if this works. Here we’re overriding a few more custom elements than the post you’re referring to but we’re still going to be bounded by the loading sequences limitation you mentioned.

hide_streamlit_style = """
                <style>
                div[data-testid="stToolbar"] {
                visibility: hidden;
                height: 0%;
                position: fixed;
                }
                div[data-testid="stDecoration"] {
                visibility: hidden;
                height: 0%;
                position: fixed;
                }
                div[data-testid="stStatusWidget"] {
                visibility: hidden;
                height: 0%;
                position: fixed;
                }
                #MainMenu {
                visibility: hidden;
                height: 0%;
                }
                header {
                visibility: hidden;
                height: 0%;
                }
                footer {
                visibility: hidden;
                height: 0%;
                }
                </style>
                """
st.markdown(hide_streamlit_style, unsafe_allow_html=True)
3

I think it’d be reasonable if the “hosted with streamlit” branding would only go away if self-hosting Streamlit (e.g., on Snowflake) instead of consuming the free community cloud – can anyone confirm if this already happens or not, please?

Previous related questions:

4

If you are self-hosting then you could remove branding by modifying the underlying code.

5

The big “Hosted with Streamlit” on the bottom right does go away automatically if you are self hosting, here is an example where I’m running in a docker container on an EC2 instance: https://emilytarot.com/

I did have to do some tinkering in the virtual environment to get the app title to always show up like I wanted, without ever falling back to “Streamlit”

I have another app hosted similarly where I am removing the header with a similar CSS trick. You can briefly see the red bar flash when you reload the page:

https://thetroublewithbridges.com/

1 Like