.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

HiPlot

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

ChrisChross

Streamlit Vega-Lite

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

> pip install streamlit-vega-lite

View Source

Domoritz

Streamlit Observable

Embed Observable notebooks into Streamlit apps.

> pip install streamlit-observable

Streamlit-Echarts

Use the echarts package on your Streamlit apps.

> pip install streamlit-echarts

View Source

Andfanilo

Streamlit Terran timelines

Use Terran for creating video timelines on your Streamlit apps.

> pip install streamlit-terran-timeline

View Source

Pento Group

spaCy

spaCy building blocks and visualizers for Streamlit apps.

> pip install spacy-streamlit

View Source

Explosion

Pandas Profiling

Pandas profiling component for Streamlit.

> pip install streamlit-pandas-profiling

streamlit-embedcode

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

Andfanilo

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

Andfanilo

Streamlit Bokeh Events

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

pip install streamlit-bokeh-events

View Source

Ash2shukla

Streamlit-Folium

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

napoles-uach

Streamlit Cropper

A component for easy image cropping.

> pip install streamlit-cropper

View Source

turner-anderson

Streamlit Annotated Text

A simple component to display annotated text in Streamlit apps.

> pip install st-annotated-text

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