Web Design Pirate icon

Web Design Pirate

Extension Actions

CRX ID
okiabodcancpiefadomkmlgnejcgdgme
Description from extension meta

Fast and easy way to copy web components, HTML widgets and parts of website design.

Image from store
Web Design Pirate
Description from store

Web Design Pirate is an Edge DevTools extension that allows you to select an HTML node, and then gives you only the CSS styles that you need to render the full component (subtree).

Optionally, for copying wrapper-style components it also allows you to specify the level of inner HTML content that can be thrown away (to further reduce the number of needed CSS styles).

You will get a new tab called Pirate in your Chrome DevTools. If you inspect an HTML element on the page using the regular Elements tab, then switch over to the Pirate tab, that element will be automatically selected.

Latest reviews

Devin
A quick video demonstration would ease my comforts and answer some questions I have without my needing to attempt it in a trouble shooting manner. Thanks though, i like what you've described so far.