Image tools
Shape Overlay
Add rectangles, circles, and triangles onto images with Fabric.js.
- Mobile Friendly
- Accessibility Tested
- SEO Optimized
- Fast Loading
- Responsive
Version 1.0.0 · Last reviewed
Shape overlay
Drop rectangles, circles, and triangles to highlight areas.
How it worksShow guideHide guide
Introduction
Highlight regions with basic shapes you can move and resize.
Step-by-step
- Upload an image
- Add a shape
- Resize/move and download
Worked example
A UI screenshot gets a translucent red rectangle over a broken button.
Use cases
- Call out UI bugs
- Mask areas lightly
- Build simple diagrams
Frequently asked questions
Can shapes be transparent?
Yes. Shapes use semi-transparent fills with solid strokes.
Related tools
Popular tools
AI Background Removal
Remove backgrounds with ONNX Runtime Web (WebGPU/WASM), then edit and export with Fabric.js — fully in your browser.
Background Color
Set a solid canvas background color behind your image with Fabric.js.
Background Remover
Remove image backgrounds with an on-device AI model — files stay in your browser.
Blur Tool
Apply soft blur to images in your browser with Fabric.js filters.
Was this helpful?
Your feedback stays on this device only — it is not sent to the Bestrao team yet.