FINALLY! Style Your Streamlit App with Custom CSS 🎨

Опубликовано: 30 Октябрь 2024
на канале: Coding Is Fun

4,232

169

In this video, I'm excited to show you a cool new way to style your Streamlit apps without getting all tangled up in tricky CSS hacks! Streamlit's latest update makes it super simple to add custom styles to buttons, input boxes, and more. I'll guide you step-by-step on how to do this with a neat demo app I prepared just for you. First, we'll make sure you have the latest Streamlit version installed, then we'll dive right into applying custom styles using CSS. I'll show you how simple it is to change colors and create animations by just giving elements a class in your CSS file. Even if you're not a CSS pro, I'll share my easy tips on how to use ChatGPT to help out. Plus, I'll teach you how to tweak fonts, add hover effects, and stop Streamlit's default styles from creeping back in. We’ll also explore styling text input boxes, radio buttons, and even HTML text – basically, everything you need to make your Streamlit app look fantastic!
#Streamlit #StreamlitStyling #StreamlitCSS

🌍 𝗟𝗜𝗡𝗞𝗦:
▶ Live Demo App: https://styling.streamlit.app/
▶ Source Code: https://github.com/Sven-Bo/streamit-c...

𝗧𝗢𝗢𝗟𝗦 𝗔𝗡𝗗 𝗥𝗘𝗦𝗢𝗨𝗥𝗖𝗘𝗦
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
🆓【𝗙𝗥𝗘𝗘】Excel Add-in (𝗠𝘆𝗧𝗼𝗼𝗹𝗕𝗲𝗹𝘁): https://pythonandvba.com/mytoolbelt
📊 Dashboard Excel Add-In (𝗚𝗿𝗮𝗳𝗹𝘆): https://pythonandvba.com/grafly
🎨 Cartoon Charts Excel Add-In (𝗖𝘂𝘁𝗲𝗣𝗹𝗼𝘁𝘀): https://pythonandvba.com/cuteplots
🤪 Fun Emoji Excel Add-In (𝗘𝗺𝗼𝗷𝗶𝗳𝘆): https://pythonandvba.com/emojify
📑 Excel Templates: https://pythonandvba.com/go/excel-tem...
🎓 My Courses: https://pythonandvba.com/go/courses
📚 Books, Tools, and More: https://pythonandvba.com/resources

𝗖𝗢𝗡𝗡𝗘𝗖𝗧 𝗪𝗜𝗧𝗛 𝗠𝗘
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
🔗 LinkedIn: / sven-bosau
📸 Instagram: / codingisfun_official
💻 GitHub: https://github.com/Sven-Bo
💬 Discord: https://pythonandvba.com/discord
📬 Contact: https://pythonandvba.com/contact

☕ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲?
If you want to support this channel, you can buy me a coffee here:
▶ https://pythonandvba.com/coffee-donation