Embed Streamlit apps anywhere with PixieBrix

Hi everyone! :wave:

I thought it would be cool to layer Streamlit apps into websites and SaaS tools, and pass context from the page into the app.

Our method was to use a browser extension to embed the app as an iframe and pass inputs via URL parameters; (full disclosure I work for PixieBrix and we’re a low code extension builder)

We tested this out by embedding Max Bolger’s NFL Receiver dashboard into the CBS Sports Fantasy Football player profile page. The app dynamically updates based on which player we’re viewing.

I’d love to get your feedback (good or bad) on this concept or any use cases you’d like to see?

Here’s a tutorial: Embed Streamlit apps anywhere with PixieBrix (10 min)

1 Like

yes, iframe can add any python or other url to your html web page

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>test</title> 
</head> 
<body>

<iframe src="http://localhost:8501/"></iframe>

</body>
</html>
1 Like

Hi @BeyondMyself, I wanted to clarify that the example embeds Streamlit into a 3rd-party website (cbssports.com), which I don’t control. This is why I’m using a browser extension.

This method also lets you embed Streamlit into SaaS apps like Salesforce, so you’re not limited to the set of app builders and visualization tools available in the AppExchange.

The extension is open source if you’d like to check it out: https://github.com/pixiebrix/pixiebrix-extension

1 Like