# label-studio-frontend **Repository Path**: pmpleader/label-studio-frontend ## Basic Information - **Project Name**: label-studio-frontend - **Description**: No description available - **Primary Language**: Unknown - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2024-10-15 - **Last Updated**: 2024-10-15 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README --------------- # This repository is deprecated This repository has been deprecated in favor of https://github.com/HumanSignal/label-studio/tree/develop/web/libs/editor Now it's read-only. Address all your issues and PRs to https://github.com/HumanSignal/label-studio/. --------------- # Label Studio Frontend · ![GitHub](https://img.shields.io/github/license/heartexlabs/label-studio?logo=heartex) ![build](https://github.com/heartexlabs/label-studio-frontend/workflows/Build%20and%20Test/badge.svg) ![npm audit](https://github.com/heartexlabs/label-studio-frontend/actions/workflows/npm_audit.yml/badge.svg) ![GitHub release](https://img.shields.io/github/v/release/heartexlabs/label-studio-frontend?include_prereleases) · :sunny: [Website](https://labelstud.io/) • [Docs](https://labelstud.io/guide) • [Twitter](https://twitter.com/heartexlabs) • [Join Slack Community ](https://slack.labelstud.io)
**Label Studio is an open-source, configurable data annotation tool. :v:** Frontend, as its name suggests, is the frontend library developed using React and mobx-state-tree, distributed as an NPM package. You can include it in your applications and provide data annotation support to your users. It can be granularly customized and extended.
## Install ```bash npm install @heartexlabs/label-studio ``` ## Usage **With Webpack** ```js import LabelStudio from '@heartexlabs/label-studio'; import 'label-studio/build/static/css/main.css'; ``` **With UNPKG.com** ```xhtml
``` **Initialization** ```xhtml ``` ## Development 1. Clone the repository ```bash git clone git@github.com:heartexlabs/label-studio-frontend.git # or: git clone https://github.com/heartexlabs/label-studio-frontend.git cd label-studio-frontend ``` 2. Install required dependencies ```bash npm install ``` 3. Start the development server ```bash npm run start ``` 4. Check different ways to initiate the development server config & task data in `src/env/development.js`, changing the `data` variable is a good place to start. 5. After you make changes and ready to use it in production, you need to create a production build ```bash npm run build-bundle ``` Now you have one .js file and one .css file in the `build/static/` directory ## Label Studio for Teams, Startups, and Enterprises :office: Label Studio for Teams is our enterprise edition (cloud & on-prem), that includes a data manager, high-quality baseline models, active learning, collaborators support, and more. Please visit the [website](https://www.heartex.com/) to learn more. ## Ecosystem | Project | Description | |-|-| | [label-studio](https://github.com/heartexlabs/label-studio) | Server part, distributed as a pip package | | label-studio-frontend | Frontend part, written in JavaScript and React, can be embedded into your application | | [label-studio-converter](https://github.com/heartexlabs/label-studio-converter) | Encode labels into the format of your favorite machine learning library | | [label-studio-transformers](https://github.com/heartexlabs/label-studio-transformers) | Transformers library connected and configured for use with label studio | ## License This software is licensed under the [Apache 2.0 LICENSE](/LICENSE) © [Heartex](https://www.heartex.com/). 2020