OverLook

About

Key Features

1. Screenshot Capture
・Drag & Snap: Effortlessly drag to select any area on your screen and pin it instantly as an overlay.

2. Image Upload
・ Local File Support: Upload images (PNG, JPG, etc.) from your device to display as overlays.
・ Design & Map Mockups: Perfect for layering map images or design comps directly over active web pages.

3. Intuitive Move & Resize
・ Drag-and-Drop: Move your overlays freely anywhere on the page.
・ Smart Resizing: Adjust sizes smoothly using corner handles. Hold the Shift key to lock the aspect ratio while resizing.

4. Opacity Adjustment
・ Opacity Slider: Fine-tune transparency seamlessly from 0% to 100%.
・ Quick Toggle: Use the "Toggle 100%" button to instantly switch between your custom opacity and 100% (fully opaque) for rapid comparison.

5. Rotation Control
・ 360° Rotation: Rotate overlays to any precise angle using the slider.
・ 90° Quick Snapping: Flip orientation instantly with quick "+90°" and "-90°" buttons.

6. Anchor Scaling
・ Fixed-Point Scaling: Scale overlays based on a specific reference point.
・ Precision Alignment: Enable "Anchor Scale" and click anywhere on the overlay to lock a red anchor point, letting you zoom or shrink without losing your alignment.

7. Vector Shape Tools
・ SVG Overlays: Place vector shapes directly onto the page, including Rectangles, Circles, Lines, and Arrows (with adjustable arrowhead sizes).
・ Live Editing: Fully customize and update colors and stroke thickness even after placement.

8. Layer Management
・Multi-Overlay Support: Display and manage multiple overlays simultaneously.
・Depth Control: Bring selected overlays to the very top using the "To Front" button. Easily delete single elements or wipe the canvas with "Clear All".

9. Export & Save
・One-Click Download: Save your edited overlays back to your local drive instantly using the "Save" button.