Layout Pest

A Chrome extension that helps you visualize and debug layouts by adding outlines to elements.

Layout Pest is a useful tool for web developers and designers that helps visualize and debug page layouts by adding colorful outlines to all HTML elements. This extension is inspired by the popular Pesticide extension. Key Features: • Instantly toggle colored outlines around all HTML elements on any webpage • Interactive hover effects that highlight specific elements you're examining • Detailed tooltip showing element information including: - Element tag, ID, and classes - Exact dimensions and position - Margin, padding, and border values - Z-index and display properties - Complete CSS selector path • Customizable outline thickness (1-5px) • Badge indicator shows when the extension is active • Zero impact on page performance when disabled Perfect for: • Frontend developers debugging layout issues • Web designers checking element spacing and alignment • CSS troubleshooting and development • Teaching and learning about HTML structure • Responsive design testing Layout Pest is lightweight and easy to use. Simply click the extension icon to toggle outlines on any webpage, or use the context menu for additional options. Privacy Note: Layout Pest operates entirely within your browser and doesn't collect any data or require any special permissions beyond what's needed to function.