.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

Streamlit Agraph

A Streamlit graph visualization based on react-d3-graph.

> pip install streamlit-agraph

View Source


Streamlit Aggrid

Add AgGrid grids to your Streamlit app.

> pip install streamlit-aggrid

View Source


Streamlit Vega-Lite

Making Vega-Lite selection created by user interactions available in Python.

> pip install streamlit-vega-lite

View Source


Streamlit Observable

Embed Observable notebooks into Streamlit apps.

> pip install streamlit-observable


Use the echarts package on your Streamlit apps.

> pip install streamlit-echarts

View Source


Streamlit Terran timelines

Use Terran for creating video timelines on your Streamlit apps.

> pip install streamlit-terran-timeline

View Source

Pento Group

Streamlit Disqus

A component to embed Disqus in your applications.

> pip install streamlit-disqus


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 Discourse

A component to embed Discourse topics in your applications.

> pip install streamlit-discourse

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

Streamlit 3dmol

Interact with molecular structures using Streamlit.

> pip install stmol

View Source


Streamlit Cropper

A component for easy image cropping.

> pip install streamlit-cropper

View Source


Streamlit Annotated Text

A simple component to display annotated text in Streamlit apps.

> pip install st-annotated-text

Streamlit Player

A component to embed video and music players from various websites.

> pip install streamlit-player

Streamlit Lottie

Integrate Lottie animations inside your Streamlit app.

> pip install streamlit-lottie

View Source


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