Hi all! I created a first implementation of a Label Studio bidirectional component - let me know what you think! It’s still a bit rough around the edges, but this allows you to easily embed the Label Studio annotation frontend into Streamlit applications! [image] streamlit-labelstudio A…

Hey @fungidick , This looks cool! I haven’t worked with Label Studio but I’m going to give your component a go! Happy Streamlit-ing! Marisa

Great, let me know how it went! Maybe I didn’t make this clear enough, but based on a very simple config, Label Studio allows you to annotate images, time series, text etc to create datasets for ML/DL. It’s a very versatile tool, so kudos to the Label Studio team! Git with an example app: GitHub -…

This looks awesome @fungidick ! I’ll have to try this too so I can recommend users drawing ROI boxes with my Drawable Canvas to use yours instead :tada: Feel free to add it to the Components Tracker !

Thanks @andfanilo ! I have experimented with your Drawable Canvas tool as well, and while it’s perfect for some applications, for detailed annotations on images it’s not ideal. That triggered me to try to create this component though, so in a sense, your component inspired me to try and implement th…

Yep I really want to try it on some audio, maybe I can finally annotate some key/tempo changes in music with this :stuck_out_tongue: ! Do you plan to release a demo app on Streamlit Share btw?

I haven’t tried Streamlit Share yet, but I was indeed thinking about a simple demo app. Still figuring out what exactly that would be though. I’ll probably come up with something in the coming days/weeks - when I find the time :slight_smile:

Oooooh very interesting. :+1: I’m currently trying to build some annotation tool manually with the bokeh events component. Are there any screenshots around? Wonder what this looks like integrated into streamlit …

Currently no screenshots - I’ll make sure to provide some in the near future. For now, feel free to have a look here to get a feel for the different types of interfaces - you can open up a preview/playground from there. The annotation interfaces in Streamlit should look identical (in theory at leas…

I wanted to congratulate you on this outstanding component. This is perfect. Thank you so much! :partying_face: This repo will be going places. Too bad, I am not a frontend developer. If there is anything I can do otherwise, hit me up! Good work!

Is it possible to do multi person body key-point labeling via this ?

New Component: streamlit-labelstudio, allows you to embed the Label Studio annotation frontend into your application!

Custom Components

asehmi August 4, 2022, 11:33pm 16

Have you seen Label Studio Frontend integration using Static HTML Component? (cc @mtweardy)

Topic		Replies	Views
Label Studio Frontend integration using Static HTML Component Custom Components	10	3616	July 9, 2024
New Component: streamlit-img-label, an easy app for image annotation Custom Components	9	12095	April 14, 2023
A component to annotate images (bounding boxes, keypoints, coordinates) Custom Components	16	12697	February 4, 2022
New Component: streamlit-image-annotation , a easy way to annotate images using streamlit Show the Community!	9	4493	May 12, 2023
Streamlit Annotator – An Easy-to-Use Tool for Text Annotation in NLP and Argument Mining Tasks Custom Components nlp , discussion , text , streamlit-components	0	234	July 15, 2025

New Component: streamlit-labelstudio, allows you to embed the Label Studio annotation frontend into your application!

Related topics