
Security News
Browserslist-rs Gets Major Refactor, Cutting Binary Size by Over 1MB
Browserslist-rs now uses static data to reduce binary size by over 1MB, improving memory use and performance for Rust-based frontend tools.
react-mindee-js
Advanced tools
There are many powerful JavaScript frameworks and tools that can help you make an interactive canvas. But almost all of them are low-level. Like KONVA is a 2d canvas framework. It is good, it is powerful. But you may need to write a lot of code.
This library was made for building frontend interfaces on top of Mindee document parsing APIs and more generally on top of any computer vision detection APIs.
The React SDK is compatible with React 16.8.0 +
The easiest way to use react-select is to install it from npm and build it into your app with Webpack.
npm install --save react-mindee-js
or using yarn
yarn add react-mindee-js
You only need an image and a list of shapes to get started.
import React from 'react'
import { AnnotationViewer } from 'react-mindee-js'
import dummyImage from 'path-to-your/file.jpg'
const dummyShapes = [
{
id: 1,
coordinates: [
[0.479, 0.172],
[0.611, 0.172],
[0.611, 0.196],
[0.479, 0.196],
],
},
{
id: 2,
coordinates: [
[0.394, 0.068],
[0.477, 0.068],
[0.477, 0.087],
[0.394, 0.087],
],
},
]
const data = {
image: dummyImage,
shapes: dummyShapes,
}
function App() {
return <AnnotationViewer data={data} />
}
data
: include 3 properties. image
file to draw in the canvas, shapes
which expect a list of shapes andorientation
of the provided image (default: 0)onShapeClick
: return the shape object after a click eventonShapeMouseEnter
: return the shape object after a mouse enter eventonShapeMouseLeave
: return the shape object after a mouse leave eventonShapeMultiSelect
: return the selected shapes using (CTRL + MOUSE CLICK & MOVE)options
: object of properties to customize default configsid
: unique id, if not provided it will be automatically generatedstyle
: style object to change container css propertiesclassName
: apply a className to the controlReact mindee supports all recent browsers and works where React works. However, you may need check the SSR section.
Feel free to use github to submit issues, pull requests or general feedback. You can also visit our website or drop us an email.
Please read our Contributing section before contributing.
MIT © mindee
v1.6.7 (25/06/2025)
FAQs
Front-End Computer Vision SDK for React
The npm package react-mindee-js receives a total of 456 weekly downloads. As such, react-mindee-js popularity was classified as not popular.
We found that react-mindee-js demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 7 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Browserslist-rs now uses static data to reduce binary size by over 1MB, improving memory use and performance for Rust-based frontend tools.
Research
Security News
Eight new malicious Firefox extensions impersonate games, steal OAuth tokens, hijack sessions, and exploit browser permissions to spy on users.
Security News
The official Go SDK for the Model Context Protocol is in development, with a stable, production-ready release expected by August 2025.