Element Snap is a lightweight and reliable Chrome extension designed to capture pixel-perfect screenshots of any visible HTML element. Unlike other extensions that re-render HTML to an image, Element Snap takes a screenshot of the visible page, ensuring that what you see is exactly what you get. This approach preserves 100% of the element's styling, layout, and fonts. Built with zero libraries, just vanilla JavaScript and the Chrome API, it offers maximum speed and efficiency.

Features

• Pixel-Perfect Capture: Get a flawless image of any hovered element, including elements larger than the viewport.

• Full Element Capture: Automatically detects oversized elements and stitches multiple screenshots seamlessly.

• Live Padding Controls: Add uniform or per-side padding with a real-time preview.

• Flexible Output: Save as PNG, JPG, WEBP, or SVG. Adjust quality for lossy formats.

• Theme Support: Light, Dark, or System theme with automatic detection.

• Keyboard Shortcuts: Capture with Ctrl/Cmd+Click, lock focus, restore hidden elements, and more.

How to Use

1. Activate: Click the extension icon in your toolbar to turn it on for the current tab.

2. Hover: Move your mouse to highlight the desired element.

3. Adjust: Use the floating panel to change padding, format, and other settings.

4. Capture: Ctrl/Cmd + Click the element or press the "Capture" button.

This project is open source and licensed under the GPLv3 License, ensuring transparency and community collaboration.