Summary I have an app running in my company that shows a kpi number in a screen. I want to know if it is possible to make something like a carousel in bootstrap that every 5 seconds makes a transition and shows another kpi.

If you want to have a simple slide show you can always use streamlit.components.v1 and pass your own html code. For example: [gallery] import streamlit as st import streamlit.components.v1 as components components.html( """ <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=…

Hi @kiko249 could you share with us about the things you’ve already tried?

tried using slider with time module — got problems with reset to the beggining — got problems with duplicate widget api error tried extra components switch pages — dont have the effect expected as it kinda flashes when switching page tried other custom build components but none of them wo…

Best solution i found so far is the elements module but so far i wasn’t able to implement an automatic change of elements: import streamlit as st from streamlit_elements import elements, mui, html, sync IMAGES = [ "https://unsplash.com/photos/GJ8ZQV7eGmU/download?force=true&w=1920", "https…

Hello Tomas I tried your component but i’m getting executing the code posted on pypi TypeError: unsupported operand type(s) for |: ‘type’ and ‘NoneType’ I’m running streamlit 1.23 and python 3.9

Hi Kiko, Do you have a code snippet that I can try to reproduce your error?

Hi I get the error running the code example provided in: [image] streamlit-carousel A Streamlit implementation of the React Bootstrap Carousel component. [image]

I think this had to do with a Python version compatibility issue. I have made a patch (i.e. version 0.0.4) which should solve the issue. Could you please confirm?

Hello Yes now it is working, good job and thank you very much :slight_smile:

Automatic slideshow

Using Streamlit

ThomasBouamoud July 8, 2023, 5:14pm 8

Hi @kiko249 I have implemented a component which should do exactly that. You can check it out here, hope this helps.

Topic		Replies	Views
Image carousel Using Streamlit	0	1349	August 16, 2021
Image Carousel Component Using Streamlit	4	8107	July 10, 2023
New Component: streamlit_carousel_uui Show the Community! streamlit-components	0	143	December 19, 2025
Feature Suggestion: Image Carousel Using Streamlit	7	5885	July 8, 2023
Trying to make a image slideshow Using Streamlit	2	1133	November 20, 2023

Automatic slideshow

Related topics