OverLook

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.