https://github.com/andfanilo/streamlit-custom-slider

Streamlit custom slider - Code for the Streamlit Component Tutorial blog post
https://github.com/andfanilo/streamlit-custom-slider

python react streamlit streamlit-component streamlit-custom-slider

Last synced: 8 months ago
JSON representation

Streamlit custom slider - Code for the Streamlit Component Tutorial blog post

• Host: GitHub
• URL: https://github.com/andfanilo/streamlit-custom-slider
• Owner: andfanilo
• License: mit
• Created: 2020-07-05T22:12:53.000Z (almost 6 years ago)
• Default Branch: main
• Last Pushed: 2023-09-23T09:05:48.000Z (over 2 years ago)
• Last Synced: 2025-04-02T23:51:14.740Z (about 1 year ago)
• Topics: python, react, streamlit, streamlit-component, streamlit-custom-slider
• Language: Python
• Homepage: https://streamlit-components-tutorial.netlify.app/
• Size: 260 KB
• Stars: 33
• Watchers: 2
• Forks: 11
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Streamlit Custom Slider - Blog post

Source code for the [Streamlit Components tutorial](https://streamlit-components-tutorial.netlify.app).

![](./demo.gif)

Checkout the branch you're interested in

```

git checkout partx

```

Install streamlit and custom library:

```

pip install streamlit

pip install -e .

```

Install npm dependencies :

```

cd streamlit_custom_slider/frontend

npm install

```

Run custom components web server :

```

cd streamlit_custom_slider/frontend

npm run start

```

Run Streamlit code :

```

streamlit run app.py

```