Image Annotator PROA packaging proof, an inspection photo, a support screenshot. Put the comment on the exact detail so the next person knows what needs attention.
For web apps and OutSystems
Love the purple and red. Give Ecuador a little more breathing room.
Check the top seal clearance before we send this to print.
Keep this mountain artwork consistent across both bags.
BluKavant Coffee’s Ecuador packaging is ready for review. Brand is checking the origin label, production is checking the seal, and the designer needs feedback that points to an exact place on the proof.
Pin a note beside the Ecuador label. The designer can select the mark and read the comment beside the actual artwork, without interpreting a paragraph in an email.
Give the Ecuador origin label a little more breathing room.
Draw a box around the top seal and explain the clearance to check. Use an arrow for the mountain artwork. Each mark carries its own editable comment.
Check the seal clearance above the artwork before print.
Save the annotations with the image record in your app, then reload the review later. Export a marked-up PNG when the next handoff needs an image.
Image + annotation data
Select a sample comment, add your own pin or box, and edit the feedback. Save the review, then reload your saved annotations.
Loading the example… Open the component playground.
Demo data stays in memory on this page. Reloading the browser resets it. No database writes or shared collaboration.
An inspector marks a scratched panel on a delivery photo and adds a note. Save those marks with the inspection record so the repair team sees the same detail.
A property manager boxes a damaged ceiling area and points to the leak. The contractor receives the marked-up image alongside the work order from your app.
A customer highlights the part of an interface that looks wrong and adds a comment. Your support app stores the screenshot and annotations with the ticket.
Keep the image URL and annotation JSON with your record. Handle save requests, then acknowledge the matching request ID. Your app supplies reviewer identities, access, image storage and review workflows. The demo’s named reviewers are fictional sample data.
View accessibility status