Streamlit Extras

1.4.1 · active · verified Wed Apr 15

Streamlit Extras is a community-driven collection of useful Streamlit components and utilities designed to extend Streamlit's core functionality. It provides a wide range of 'extras' for common UI patterns, interactivity, and backend integrations that are not natively available in Streamlit. The library is actively maintained with frequent minor releases adding new features and fixing bugs, currently at version 1.4.1.

Warnings

breaking Version 1.0.0 introduced a significant repository re-architecture to support Streamlit Custom Components v2 (CCv2). While many existing extras might still function, users who built custom components or heavily integrated with `streamlit-extras` internals prior to v1.0.0 may need to update their code.
Fix: Review the official `streamlit-extras` documentation and examples for v1.0.0 and later. Test your application thoroughly and adapt custom components to the new architecture if necessary.
deprecated The `st_theme` extra was deprecated. Streamlit now offers robust native theming options.
Fix: Instead of `from streamlit_extras.st_theme import st_theme`, use Streamlit's native `st.set_page_config(layout='wide', initial_sidebar_state='expanded', theme='dark')` and custom CSS via `st.markdown` or `stylable_container` for fine-grained control.
gotcha Each extra often has specific usage patterns and, in some cases, implicit dependencies. Not all extras are suitable for all Streamlit deployment environments (e.g., some might rely on specific browser features or client-side JavaScript that could be limited in certain embedded contexts).
Fix: Always consult the documentation or example app (`extras.streamlit.app`) for the specific extra you intend to use. Pay attention to any installation prerequisites or known limitations mentioned for individual extras. Test extras in your target deployment environment.
gotcha Due to the community-driven nature, new extras are added frequently, and existing ones may evolve. The API surface can be dynamic.
Fix: Pin `streamlit-extras` to a specific minor version in your `requirements.txt` (e.g., `streamlit-extras~=1.4.0`) to prevent unexpected changes when updating. Regularly check the GitHub releases and documentation for updates to extras you rely on.

Install

pip install streamlit-extras Install stable version

Imports

stylable_container

from streamlit_extras.stylable_container import stylable_container

no_footer

from streamlit_extras.no_footer import no_footer

st_theme
```
This extra is deprecated; consider using native Streamlit theme options or custom CSS.
```
The `st_theme` extra was deprecated in v0.7.5. Use Streamlit's native `st.set_page_config(layout='wide', initial_sidebar_state='expanded')` or custom CSS for theming.

Quickstart

This quickstart demonstrates how to use `stylable_container` to apply custom CSS to a section of your Streamlit app, how to add a `badge`, and how to use `no_footer` to remove the default Streamlit footer. Many other extras follow a similar import and usage pattern.

import streamlit as st
from streamlit_extras.stylable_container import stylable_container
from streamlit_extras.no_footer import no_footer
from streamlit_extras.badges import badge

st.set_page_config(layout="centered")
st.title("Streamlit Extras Quickstart")

with stylable_container(
    key="my_stylable_container",
    css_styles="""
        {
            border: 2px solid #4CAF50;
            border-radius: 10px;
            padding: 15px;
            margin-bottom: 20px;
        }
        """
):
    st.subheader("A Stylable Section")
    st.write("This content is wrapped in a container with custom CSS.")
    st.button("Hello from inside!")

badge(type="info", text="Powered by Streamlit Extras")

# Example of removing Streamlit's default footer
no_footer()

view raw JSON →