Show HN: Layout Inspector – Chrome DevTools' Inspector, as React Component

Category: library

Tags: react, accessibility, developer-tools, layout-inspector, wcag

Score: 6.5/10 (Innovation: 5, Technical: 7, Documentation: 8, Utility: 6)

Layout Inspector is a React component that adds DevTools-style element inspection with box-model overlay, WCAG contrast checking, and accessibility snapshots directly into any React app. It's interesting because it combines developer debugging, accessibility auditing, and visual inspection into a zero-dependency interactive overlay that works without leaving the page.

Target audience: frontend devs

Repository: https://github.com/shakcho/layout-inspector · TypeScript · 2 stars

View on Hacker News