New component: image comparison with JuxtaposeJS

I’ve published a simple Streamlit Component to compare images in Streamlit apps using Knightlab’s JuxtaposeJS. The images are saved to the streamlit static directory then served via streamlit as an image overlay with an adjustable slider. Try on https://share.streamlit.io/robmarkcole/streamlit-image-juxtapose/main/app.py

Many thanks to @andfanilo for his assistance and @innerdoc for the inspiration

10 Likes

Super cool!

1 Like

That looks fantastic @robmarkcole !!

1 Like

This is a good, straightforward example of how to write a new component - for those who identify as data people but not developers.

2 Likes

Hi, thanks for the library! it is a great visualization tool, is it possible to make the image size based on the streamlit column size by adding use_column_width=True in the customization parameter?

Width can be controlled in GitHub - fcakyon/streamlit-image-comparison: Image comparison slider component for Streamlit

1 Like