Skip to main content

An all-in-one place, to find complex or just natively unavailable components on streamlit.

Project description



An all-in-one place, to find complex or just not available components by default on streamlit.


Firstly, add import extra_streamlit_components as stx

  • Cookie Manager

    The long awaited between-sessions in-browser cookies store and manager! It stores cookies in a strict same-site behaviour.

    To add an expiry date to a cookie use the expires_at parameter in the set function. By default, it will expire after 1 day.

    import datetime
    cookie_manager = stx.CookieManager()
    st.subheader("All Cookies:")
    cookies = cookie_manager.get_all()
    c1, c2, c3 = st.beta_columns(3)
    with c1:
      st.subheader("Get Cookie:")
      cookie = st.text_input("Cookie", key="0")
      clicked = st.button("Get")
      if clicked:
          value = cookie_manager.get(cookie)
    with c2:
      st.subheader("Set Cookie:")
      cookie = st.text_input("Cookie", key="1")
      val = st.text_input("Value")
      if st.button("Add"):
          cookie_manager.set(cookie, val, expires_at=datetime.datetime(year=2022, month=2, day=2))
    with c3:
      st.subheader("Delete Cookie:")
      cookie = st.text_input("Cookie", key="2")
      if st.button("Delete"):

  • TabBar

    Inspire from React's ScrollMenu, this component receives a list of TabBarItemData, and returns the id of the selected tab

    chosen_id = stx.tab_bar(data=[
        stx.TabBarItemData(id=1, title="ToDo", description="Tasks to take care of"),
        stx.TabBarItemData(id=2, title="Done", description="Tasks taken care of"),
        stx.TabBarItemData(id=3, title="Overdue", description="Tasks missed out"),
    ], default=1)"{chosen_id=}")

  • BouncingImage

    Probably not the best naming but this component, renders an image by its path or url, and animates by zooming in and out repetitively giving an illusion of a bounce.

    image_url = ""
    stx.bouncing_image(image_source=image_url, animate=True, animation_time=1500, height=200, width=600)

  • StepperBar

    A streamlit wrapper on MaterialUI's Stepper

    val = stx.stepper_bar(steps=["Ready", "Get Set", "Go"])"Phase #{val}")

Project details

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Files for extra-streamlit-components, version 0.1.46
Filename, size File type Python version Upload date Hashes
Filename, size extra_streamlit_components-0.1.46-py3-none-any.whl (2.8 MB) File type Wheel Python version py3 Upload date Hashes View
Filename, size extra_streamlit_components-0.1.46.tar.gz (2.7 MB) File type Source Python version None Upload date Hashes View

Supported by

AWS AWS Cloud computing Datadog Datadog Monitoring DigiCert DigiCert EV certificate Facebook / Instagram Facebook / Instagram PSF Sponsor Fastly Fastly CDN Google Google Object Storage and Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Salesforce Salesforce PSF Sponsor Sentry Sentry Error logging StatusPage StatusPage Status page