Repository files navigation

Modern frontend web components based onBulma andBuefy forStreamlit.

Live demo atstreamfy.streamlit.app

Installstreamfy:

pip install streamfy

Create a simple applicationapp.py:

importstreamlitasstimportstreamfyassysy.carousel(items=["https://picsum.photos/id/1051/1230/500","https://picsum.photos/id/1052/1230/500","https://picsum.photos/id/1053/1230/500",])

Run this application:

streamlit run app.py

A file with all components is available inexamples/all.py:

Take a look atBuefy's documentation for a list of all properties and examples available.

Ensure you havePython 3.6+,Node.js, andnpm installed.

Clone this repo and create a new Python virtual environment:

$ python3 -m venv venv  # create venv$ . venv/bin/activate   # activate venv$ pip install streamlit # install streamlit

Initialize and run the component frontend:

$ cd streamfy/frontend$ npm install    # Install npm dependencies$ npm run serve  # Start the Webpack dev server

From a separate terminal, run the Streamlit app:

$ . venv/bin/activate  # activate the venv you created earlier$ streamlit run streamfy/__init__.py  # run the example

If all goes well, you should see something like this:

Modify the frontend code atstreamfy/frontend/src/Streamfy.vue and the Python code atstreamfy/__init__.py.

• Buefy Documentation