How to create an animated carousel effect, as shown in the GIF. With circular Zoom effect and drag&drop. [carousel-js][css_carousel]

@DioBrando Try this component [image] GitHub - DenizD/Streamlit-Image-Carousel: Image Carousel Component for Streamlit Image Carousel Component for Streamlit. Contribute to DenizD/Streamlit-Image-Carousel development by creating an account on GitHub. And chec…

I like the second solution. But it needs a few more settings, but I continue in the relative topic. Even if the effect of a circular ride is missing as in the image.

How to create an animated carousel effect?

Using Streamlit

IndigoWizard August 30, 2023, 12:50pm 2

@DioBrando Try this component

And check this answer:

Topic		Replies	Views
New Component: streamlit_carousel_uui Show the Community! streamlit-components	0	154	December 19, 2025
Image Carousel Component Using Streamlit	3	8137	July 10, 2023
Automatic slideshow Using Streamlit	17	7105	August 26, 2024
Image carousel Using Streamlit	0	1349	August 16, 2021
New Component: React Bootstrap Carousel Custom Components	21	7306	July 15, 2024

How to create an animated carousel effect?

Related topics