New Component: Knobs - Intuitive and Customizable Knob Controls for Your Streamlit Apps! ๐ŸŽ›๏ธ

Hey Streamlit Community! :wave:

Iโ€™m thrilled to introduce Streamlit Knobs, a new Streamlit component that brings interactive knob controls to your Streamlit apps! :control_knobs:


Why Streamlit Knobs?

While sliders and dropdowns are excellent for basic input, certain applications demand more intuitive, tactile controls. Streamlit Knobs bridges this gap by offering an interactive knob interface thatโ€™s perfect for audio tweaking, real-time parameter adjustments, and more.


:star2: Features at a Glance

  • :art: Customizable Design
    Fully customizable knobs with options to adjust size, colors, and styles to match your appโ€™s aesthetics.
  • :arrows_counterclockwise: Real-Time Feedback
    Instant updates as you interact with the knob, providing a seamless experience.
  • :first_quarter_moon: Dark Mode Ready
    Beautifully integrates into dark-themed Streamlit apps.
  • :level_slider: Advanced Controls
    Configure min/max values, step sizes, and labels for precise adjustments.
  • :zap: Lightweight and Fast
    Built for performance, Streamlit Knobs ensures smooth rendering and interaction.

:rocket: Quick Demo

Hereโ€™s a glimpse of how easy it is to use Streamlit Knobs in your app:

pip install streamlit-knobs
# streamlit_nobes
import streamlit as st
from knobs import knob

knob_value = knob(knob_type="1",max_value=1000, min_value=0)

st.write(knob_value)

# Custom knob with advanced settings
value = knob(
    label="Bass Control",
    min_value=0,
    max_value=5000,
    step=1,
    size="large",
    initial_value=30
)

st.write(f"Bass Level: {value}")

:control_knobs: Use Cases

  • Audio processing apps for controlling levels, EQ, or filters.
  • Parameter adjustments in simulations and models.
  • Gaming or creative applications needing tactile controls.

:package: Installation

Getting started is simple! Install the package via pip:

pip install streamlit-knobs

:link: Links


Feel free to explore, experiment, and provide feedback! Contributions and feature suggestions are always welcome. Letโ€™s make Streamlit apps even more interactive and fun! :raised_hands:

2 Likes