Website Deconstructor

Website Deconstructor helps you understand how webpages are built. Select elements directly on a webpage and inspect their layout, spacing, typography, appearance, structure, and implementation details from a dedicated Chrome side panel. Select multiple elements, explore their hierarchy, and copy useful details including CSS, HTML, selectors, and DOM paths. Built for frontend developers, designers, and anyone curious about how websites are put together. Inspection data is processed locally on your device. 31-day free trial. $14.99 one-time purchase. No subscription.