4 ways of STYLING Streamlit widgets
Streamlit shines with how easy it is to create a stunning data application, but sometimes you just want to break its neat design to add your own custom styling, like round, colored buttons.
In this video, we explore the different solutions for changing the Streamlit design, from the official theming solution to the "CSS Hack".
👀 Chapters
0:00 Intro
0:25 Theming your Streamlit app
0:58 Creating custom Streamlit components
1:50 Prefacing the "unofficial" solutions
2:18 An important tool: Browser devtools
3:30 Hacking Streamlit CSS
5:17 Breaking the IFrame Sandbox
6:06 Caveats to the "unofficial" solutions
---
🗣️ Stay up to date with the Data Web App Ecosystem
📑 Follow my socials ➡ https://andfanilo.com
📧 Get my latest updates in your inbox ➡ https://newsletter.andfanilo.com
💰 Buy me a coffee to stay awake while editing ➡ https://www.buymeacoffee.com/andfanilo
🔗 Links
Source code: https://github.com/andfanilo/social-m...
Theming: https://docs.streamlit.io/library/adv...
Components: https://docs.streamlit.io/library/com...
CSS Hack posts:
https://discuss.streamlit.io/t/css-ha...
https://discuss.streamlit.io/t/creati...
Streamlit CSS Button: https://github.com/andfanilo/streamli...
CSS Diner (miam): https://flukeout.github.io/
Discussions on CSS Hacking:
https://discuss.streamlit.io/t/are-yo...
https://blog.streamlit.io/streamlit-c...
🔧 My tools (Affiliate links to support me)
📕 Streamlit Official Book - https://amzn.to/3QuRPwl
📷 Main Camera - https://amzn.to/3QvTosB
📷 Main Lens - https://amzn.to/3svYCwq
🎙️ Microphone - https://amzn.to/47l5ewA
🎵 Music & Sound Effects - https://www.epidemicsound.com/referra...
---
🪶 This one took me way too long! I think I'd like to do a long one once a month and shorter ones in between..
⚠️ 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 providing you with free content!
#streamlit #python #datascience #dataapps