Label Studio Frontend · !GitHub !build !npm audit

!GitHub release · :sunny:

Website • Docs • Twitter • Join Slack Community

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 @overviewai/label-studio
`

Usage

With Webpack

`js
import LabelStudio from '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:overviewai/label-studio-frontend.git
# or: git clone https://github.com/overviewai/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 to learn more.

Ecosystem

| Project | Description |
|-|-|
| label-studio-frontend | Frontend part, written in JavaScript and React, can be embedded into your application |

License

This software is licensed under the Apache 2.0 LICENSE © Heartex. 2020