いい感じのStreamlitのコンポーネント集

はじめに

Streamlitは独自のコンポーネント(UIのパーツ)を作ることができます。

GitHub等で公開されているコンポーネントのうち、サクッとpipでインストールして使えそうなものをまとめました。

※その2はこちら

ネストレイアウト

bash

pip install streamlit-nested-layout

テーブル

• フィルタの自動生成

pandasのDataFrameを読み込んでサイドバーに各列の実際の値をベースとしたフィルタを自動で生成してくれます。

bash

pip install streamlit-pandas

• シンプルかつ多機能なテーブル

bash

pip install streamlit-awesome-table

画像をボタンにする

※デモ

bash

pip install streamlit-image-select

ドラッグアンドドロップできるリスト

bash

pip install streamlit-sortables

タイムライン

bash

pip install streamlit-timeline

ホバーで開くサイドバー

bash

pip install streamlit-on-Hover-tabs

ダイアログ

bash

pip install st-mui-dialog

画像比較(image-comparison)

バーを動かして２枚の画像を比較できるアレ

bash

pip install streamlit-image-comparison

ナビゲーションバー(App Bar)

bash

pip install -U hydralit

bash

pip install streamlit-option-menu

カード

bash

pip install streamlit-card 

いいねボタン

bash

pip install streamlit-text-rating

カプセル型のセレクター

※デモ

bash

pip install streamlit-pills

トグルスイッチ

bash

pip install streamlit-toggle-switch

おわりに

Streamlit自体、Reactを利用して作られておりコンポーネントもReactベースで作れるようなので、近いうち何かしら作ってみようと思い