.code-block { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 360px; } .card-text { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

Featured Components

Try out Streamlit Components created by the community, and add new functionality to your apps. Want to create your own?
Check out the Streamlit Components API.

A chart


A lightweight interactive visualization tool to help AI researchers discover correlations and patterns in high-dimensional data using parallel plots and other graphical ways to represent information.

> pip install hiplot

View Source

Facebook Research


Use the echarts package on your Streamlit apps.

> pip install streamlit-echarts

View Source



spaCy building blocks and visualizers for Streamlit apps.

> pip install spacy-streamlit

View Source


Pandas Profiling

Pandas profiling component for Streamlit.

> pip install streamlit-pandas-profiling


streamlit-embedcode is the easiest way to embed code snippets into your Streamlit app.

> pip install streamlit-embedcode

View Source

Randy Zwitch

Streamlit Drawable Canvas

Do you like Quick, Draw? Well what if you could train/predict doodles drawn inside Streamlit?

> pip install streamlit-drawable-canvas

View Source


Streamlit Ace Editor

Streamlit component featuring the Ace code editor.

> pip install streamlit-ace

Streamlit D3 Demo

Take a randomized array in Python, pass it to a React component and build a D3 chart over it with transitions.

> pip install streamlit-d3-demo

View Source


Streamlit Bokeh Events

A streamlit component for bi-directional communication with bokeh plots.

pip install streamlit-bokeh-events

View Source



Streamlit Component for rendering Folium maps.

pip install streamlit-folium

View Source

Randy Zwitch

Interested in learning
to create your own Streamlit Components?

Learn how to wrap your JavaScript and HTML code into a Python
package that can be rendered in any Streamlit app.

Get Started