Web Design Pirate
Fast and easy way to copy web components, HTML widgets and parts of website design.
Web Design Pirate is a Chrome 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
Doesn't work. Don't waste your time: An error occurred. Error: An error occurred with your deployment FUNCTION_INVOCATION_TIMEOUT
Loved it bawss! easy and straight forward to use. Most direct problem solver.
Loved it bawss! easy and straight forward to use. Most direct problem solver.
I tried several extensions and this was the only one who helped me copy the style from an element. Very helpful.
I tried several extensions and this was the only one who helped me copy the style from an element. Very helpful.
Very good
edit: my bad got it workin. dev tools were being dumb original: Doesnt even seem to do anything.. tried on several sites, returned literally nothing. seems to be a client-side issue though as some people can use it but others cant. oh well, no design pirating for me.
edit: my bad got it workin. dev tools were being dumb original: Doesnt even seem to do anything.. tried on several sites, returned literally nothing. seems to be a client-side issue though as some people can use it but others cant. oh well, no design pirating for me.
no se como usarlo guiame dan1487@gmail . co om
An error occurred. Error: Body exceeded 1mb limit
An error occurred. Error: Body exceeded 1mb limit
Excellent! Working fine!
this thing works sometimes!
this thing works sometimes!
Version v1.3 seems to work well. Thanks!
Version v1.3 seems to work well. Thanks!
Tried it on several pages & elements, I just get the following error report in the 'pirate' panel: An error occurred. Error: SyntaxError: Unexpected end of JSON input Version 87.0.4280.66 (Official Build) (64-bit).
Tried it on several pages & elements, I just get the following error report in the 'pirate' panel: An error occurred. Error: SyntaxError: Unexpected end of JSON input Version 87.0.4280.66 (Official Build) (64-bit).
Looks promising but CSS seems to fail to copy (same issue as Lee mentioned 1 year ago), looks like this is a dead extension CSS Used does the trick nicely https://chrome.google.com/webstore/detail/css-used/cdopjfddjlonogibjahpnmjpoangjfff?hl=en
Looks promising but CSS seems to fail to copy (same issue as Lee mentioned 1 year ago), looks like this is a dead extension CSS Used does the trick nicely https://chrome.google.com/webstore/detail/css-used/cdopjfddjlonogibjahpnmjpoangjfff?hl=en
i cant see the css..it shows only "CSS result will display here"
i cant see the css..it shows only "CSS result will display here"
Doesn't seem to be working. {"isException":true,"value":"DOMException: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules\n at slice.call.map (<anonymous>:2:65)\n at Array.map (<anonymous>)\n at getStyleSheets (<anonymous>:2:48)\n at <anonymous>:8:5"}
Doesn't seem to be working. {"isException":true,"value":"DOMException: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules\n at slice.call.map (<anonymous>:2:65)\n at Array.map (<anonymous>)\n at getStyleSheets (<anonymous>:2:48)\n at <anonymous>:8:5"}
Amzing application that help me for solving issues right away and quick
Amzing application that help me for solving issues right away and quick
