DevTools: U.S. Web Design System (USWDS)

sawyerh

A simple extension that helps developers and designers learn what U.S. Web Design System components are in active use on a page. From the tags it layers onto the page, users can click a tag to quickly access the component's official USWDS documentation. The active breakpoints are also displayed in the page's corner, helping developers pick which breakpoint prefix to use when building a responsive design using utility classes. Contribute to this extension, it's open source: https://github.com/sawyerh/uswds-dev-tools

Screenshots from Chrome Web Store