While we are waiting for an official navbar, I’ve created a simple app to show how can you create a navbar by yourself. To be more specific, a way to embed streamlit app, inside an HTML page, and navigate inside the app using a bootstrap navbar. Ideally, i would wrap it with flask. Demo: [snapsh…

Hello! Thanks for your great work! But i’m having a problem with the streamlit rerun() feature, every time it’s triggered I got the Exception ‘Please use the main app.’ Do you have any workaround on this? Thanks again!

great- something i have been waiting for a while. :+1: :+1:

Very interesting solution, looks great!

Good stuff! I’m very excited if at some point we can freely choose between using the st.sidebar(left or right) or a navbar like this when you need something a little more website-like. But this is a super nice example of how it could work together :slight_smile:

[image] BugzTheBunny: Ideally, i would wrap it with flask. Eagerly waiting for official st.navbar.

Super Userinterface. I have created a pakage for creating multipage app. Happy to get feedback [image] Streamlit_pages: 💬 Show the Community! Excited to share the add on streamlit_pages for streamlit which helps you to add navigation/menu. You can run multiple apps. You ca…

Looks awesome, but if i may ask If you press on the button, will it kill the current process? because that’s why i’ve used a wrapper, when paginating with an IFRAME, the process get’s killed AFAIK, so if a heavy process is runnig, the navigation will take time.

Simply, it will run the selected app/page. As per my understanding of your question, if you are on page1, upon clicking page2 it will forget page1(You have to use session state) pls, ask me if I misunderstood your question.

Yeah, i will try to elaborate a bit more, When using the navbar ive “created” when you swtich between the views, the previous one gets just down immidiatly, due the fact that its a ridirect, and as far as i understood, the proccess also gets killed, so the navigation is really fast. When i trying …

Yes. if you click on the button it will stop the previous process/app. I created this to show my different apps with sharable link/url of the page.

Stand alone Navbar custom component that can be used directly for what it’s worth, Hydralit Components , as simple as; import streamlit as st import hydralit_components as hc # specify the primary menu definition menu_data = [ {'icon': "far fa-copy", 'label':"Left End"}, {'id':'Copy…

Streamlit Navbar

Show the Community!

Venkatesh August 29, 2021, 10:40am 6

Super Userinterface. I have created a pakage for creating multipage app. Happy to get feedback

Checkout github for example

show

Topic		Replies	Views
New Component: Streamlit Navigation Bar Custom Components components , navigation , discussion , theme	58	38423	September 25, 2025
Streamlit Navbar Component Show the Community!	3	252	February 16, 2025
Hydralit Navbar - Custom Streamlit Component Responsive Navbar Show the Community!	23	18341	June 19, 2024
Streamlit-scroll-navigation - New Streamlit component for seamless scroll-based navigation Custom Components components , navigation , discussion , ui	22	4444	March 4, 2025
New Release Hydralit: Multi-page apps even nicer Show the Community!	33	11632	December 12, 2023

Streamlit Navbar

Related topics