Custom Styling

Using Streamlit
,
1

I get a lot of questions from junior devs about how to style streamlit so it looks professional, so i careaded an example repo, feel free to download and try it GitHub - rapidarchitect/streamlit-styled: Streamlit with custom styling, and yes the data is real/live.

2

Thanks for sharing - the dashboard looks fantastic.

For those who are less familiar with using css, you can also use the st_yled (st-styled) package.
With styled you can set colors, background, … of your Streamlit components directly from python code.

Here’s the link to docs and Github Repo.

You can also check the st_yled studio app to try different configurations.

For example

# Individual styling - customize specific elements
st_yled.button("Click me!", background_color="#4ecdc4")

Hope this helps all who want to create more unique layouts!