Component Libraries • Project Templates
Docs • Install • Tutorials • Developer Guides • Contribute • Blog • Discord

Integrate Streamlit effortlessly with the Xircuits Component Library! Build and deploy interactive web applications with ease.

---

Xircuits Component Library for Streamlit

Integrates Xircuits with Streamlit for creating interactive web apps and real-time workflows.

Table of Contents

• Preview
• Prerequisites
• Main Xircuits Components
• Try the Examples
• Installation

Preview

The Example:

The Result:

Prerequisites

Before you begin, you will need the following:

1. Python3.9+.
2. Xircuits.

Main Xircuits Components

Streamlit_Component:

Displays a Streamlit interface for analyzing Uber pickups in NYC, with features for data visualization and filtering.

StreamlitMainLayout Component:

Provides the main Streamlit layout module to define the app's structure.

StreamlitSidebarLayout Component:

Outputs the Streamlit sidebar module to manage side panel layouts.

StreamlitMakeColumns Component:

Creates a specified number of columns in the layout for organizing content.

StreamlitWrite Component:

Displays text or objects in the main layout or a specified section.

StreamlitDataFrame Component:

Renders a Pandas DataFrame as an interactive table in the layout.

StreamlitTable Component:

Displays a Pandas DataFrame as a static table for non-editable data.

Try The Examples

We have provided an example workflow to help you get started with the Streamlit component library. Give it a try and see how you can create custom Streamlit components for your applications.

Streamlit Example

This example demonstrates the integration of Streamlit components to create an interactive data visualization app. It loads a CSV file, displays the data in a table, and plots a line chart. Additionally, it uses a sidebar to display and manage user inputs, like a text input field. The workflow is a simple yet effective showcase of building interactive interfaces with Streamlit and Xircuits.

Installation

To use this component library, ensure that you have an existing Xircuits setup. You can then install the Streamlit library using the component library interface, or through the CLI using:

xircuits install streamlit

You can also do it manually by cloning and installing it:

# base Xircuits directory
git clone https://github.com/XpressAI/xai-streamlit xai_components/xai_streamlit
pip install -r xai_components/xai_streamlit/requirements.txt