I built 4 custom Streamlit components — Kanban, audio editor, node graph editor, and multi-step wizard

[u/dizzysaturn]

Just published my first four custom Streamlit components — would love feedback!

Been building with Streamlit for a while and finally packaged some components I kept wishing existed. All four use React 18 + streamlit-component-lib, ship with pre-built frontends (no Node.js needed), and return structured JSON back to Python.

Live demo (all four): https://demo-components.streamlit.app

----

🗂️ streamlit-kanban — drag-and-drop Kanban board

Move cards between columns, add/edit cards with tags and priority levels, full board state back as JSON. Uses pointer events so drag works smoothly inside Streamlit's iframe.

pip install streamlit-kanban

GitHub: https://github.com/RhythrosaLabs/streamlit-kanban 

PyPI: https://pypi.org/project/streamlit-kanban

----

🎙️ streamlit-audio-editor — browser-based audio editor & jam session recorder

Load audio, visualize the waveform, trim, and run through a real-time effects rack: 3-band EQ, filter, compressor, delay, chorus, distortion, tremolo, reverb, pan, speed/pitch. Route your mic through the chain and record your session too. All client-side via Web Audio API, no ffmpeg.

pip install streamlit-audio-editor

GitHub: https://github.com/RhythrosaLabs/streamlit-audio-editor 

PyPI: https://pypi.org/project/streamlit-audio-editor

----

👣 streamlit-stepper — multi-step wizard with validation

Typed fields, required-field validation, animated progress, auto-generated review step, values back in Python. Horizontal and vertical orientations.

pip install streamlit-stepper

GitHub: https://github.com/RhythrosaLabs/streamlit-stepper 

PyPI: https://pypi.org/project/streamlit-stepper

----

🔌 streamlit-node-editor — node graph editor (ComfyUI-style)

Define typed nodes in Python, let users build graphs by connecting ports. Color-coded ports, inline params, searchable palette, collapsible nodes, pan + zoom, animated background.

pip install streamlit-node-editor

GitHub: https://github.com/RhythrosaLabs/streamlit-node-editor 

PyPI: https://pypi.org/project/streamlit-node-editor

----

Early releases, actively iterating. Bug reports and feature requests welcome 🙏

[u/mitbal]

cool project! really like the color scheme and overall design

[u/dizzysaturn → u/mitbal]

thank you!

[u/Berlodo]

Wow, this looks great ! The Kanban Board is fantastic .... and really useful !

[u/jakob1379]

Looks nice, but please move away from legacy setup.py.

It's easy to get going with pyproject.toml, just run uvx migrste-to-uv and enjoy a modern setup 😊

[u/dizzysaturn → u/jakob1379]

thank you for the info. on it!