RegionKit RegionKit Open Editor →
Free · Browser-based · No install

Free Polygon ROI Editor — Browser-Based, No Install

Draw precise polygon regions of interest on any image directly in your browser. No install, no account, no data upload. Export polygon coordinates as JSON, COCO, or YOLO for use in your computer vision pipeline.

Open RegionKit free

How to get started

  1. 1
    Open RegionKit
    Navigate to editor.regionkit.app in any browser — Chrome, Firefox, Edge, or Safari. No install, no account, no sign-up.
  2. 2
    Load your image
    Drag and drop an image onto the canvas, use the file picker, paste from clipboard (Ctrl+V), or load from a URL. JPEG, PNG, WebP, and BMP are all supported.
  3. 3
    Select the Polygon tool
    Press P or click the polygon icon in the left toolbar. Each click places a vertex. Double-click or press Enter to close the polygon and commit it.
  4. 4
    Add labels and tags
    With the polygon selected, open the Properties panel on the right. Set a label (e.g. "detection_zone"), add tags, and adjust stroke colour and fill.
  5. 5
    Repeat for each region
    Use layers to organise regions by type — detection zones on one layer, exclusion areas on another. Toggle layer visibility to manage complex scenes.
  6. 6
    Export your coordinates
    Click the Export button and choose your format: native JSON (full scene), COCO JSON, YOLO TXT, or PNG (flat image with all regions composited).

What is a polygon ROI editor?

A polygon ROI (region of interest) editor is a tool for drawing closed polygon shapes on top of an image and exporting their vertex coordinates. In computer vision workflows, polygons are the most precise way to define irregular zones — a doorway, a stairwell, a conveyor section — that a rectangle cannot capture accurately.

RegionKit is a browser-based polygon editor built specifically for this task. You draw polygons on a reference frame (a camera still, a floor plan, a satellite image), assign labels, and export the coordinates in JSON, COCO, or YOLO format.

Why polygons for ROI definition?

Rectangles miss corners. A camera watching an L-shaped corridor needs two rectangles or one polygon. A polygon covers it in a single shape without false positives from the area that shouldn't be covered.

Bounding boxes accumulate area. The tighter your zone fits the real geometry, the fewer false detections you'll get from objects that are technically inside the bounding box but outside the meaningful area.

Polygon coordinates export directly. Most CV frameworks — OpenCV, YOLO, Detectron2, supervision — accept polygon zone configurations as lists of (x, y) points. RegionKit's native JSON export gives you exactly that structure.

Polygon drawing in RegionKit

Click-to-place vertices. Press P or click the polygon icon. Each click adds a vertex. The polygon closes when you click the first vertex again, double-click, or press Enter. No drag-to-draw friction — each vertex lands exactly where you click.

Edge midpoint insertion. Select a completed polygon and drag any midpoint handle (the smaller circles between vertices) to add a new vertex without redrawing the whole shape.

Vertex removal. Hold Alt and click any vertex handle to remove it. If removing the vertex would leave fewer than three vertices, the entire annotation is deleted instead.

Shared vertices. When two polygons share a boundary edge, you can link their shared vertices so they stay consistent. Drag one vertex and both polygons update — essential for floor plans where rooms share walls.

Exporting polygon coordinates

After drawing your regions, click Export and choose:

All coordinate values are in image pixels (not screen pixels), so they remain valid across different zoom levels and display sizes.

Use cases

Open the polygon ROI editor →

Try RegionKit — it's free

Browser-based ROI editor. No install, no account, no data upload.

Open the Editor