streamlit-image-gallery
Streamlit component for displaying multiple images in a grid.
Example
![example](https://github.com/virtUOS/streamlit-image-gallery/assets/44410838/678bb69a-a20b-4749-bdb7-79b3eeec1ee0)
Installation instructions
pip install streamlit-image-gallery
Usage instructions
import streamlit as st
from streamlit_image_gallery import streamlit_image_gallery
images = [
{
"src": 'https://images.unsplash.com/photo-1718439111428-f6ef86aae18d',
"title": 'White Flowers',
},
{
"src": 'https://images.unsplash.com/photo-1718554517666-2978ede88574',
"title": 'Bird',
},
{
"src": 'https://images.unsplash.com/photo-1711526637497-bd9ecfc68567',
"title": 'Sky',
},
{
"src": 'https://images.unsplash.com/photo-1717207300523-434099274ff0',
"title": 'Sunset',
},
{
"src": 'https://images.unsplash.com/photo-1592417817098-8fd3d9eb14a5',
"title": 'Food',
},
]
st.subheader("Image gallery")
streamlit_image_gallery(images=images)
Development instructions
Frontend
cd streamlit_image_gallery/frontend
npm install
npm run start
Streamlit
python -m venv .venv
pip install -r requirements.txt
pip install -e .
streamlit run streamlit_image_gallery/example.py