Web Design Pirate: Quick Copying of Web Components
"Web Design Pirate" is an Edge browser extension that enhances your DevTools for taking the pain out of copying web components. It gives you only the relevant CSS code needed to replicate chosen HTML nodes and lets you decide how much inner HTML content can be discarded. This results in the possibility to quickly and effectively copy web elements and styles, enhancing your efficiency in web design tasks.
Want to check extension ranking and stats more quickly for other Edge add-ons?
Install
Chrome-Stats extension
to view Edge-Stats data as you browse the Edge Add-on 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.
User reviews
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.