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

Latest Version

Version
1.5
Update
January 2, 2021
Size
134KiB
Developer
Category
Users
2,000+
Rating
3.71429 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions

See more

Web Design Pirate Extension

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.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "Web Design Pirate", "version": "1.5", "description": "Fast and easy way to copy web components, HTML widgets and parts of website design.", "devtools_page": "src/devtools.html", "background": { "persistent": false, "scripts": ["src/background.js"] }, "permissions": [ "" ], "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'", "icons": { "128": "images/icon128.png", "48": "images/icon48.png" }, "author": "Dalimil Hajek"}
Read more

Similar Extensions

icon

Clone Page Extension · Accessibility 2,000+ 9 ★ 24.97KiB

icon

eXtract Snippet Extension · Developer Tools 2,000+ 38 ★ 297KiB

icon

All in one Html Compiler Extension · Developer Tools 2,000+ 7 ★ 84.21KiB

icon

PageRip (HTML + CSS Extract) Extension · Developer Tools 2,000+ 54 ★ 434KiB

icon

Restyler Extension · Developer Tools 2,000+ 14 ★ 853KiB

icon

CSS Brio Extension · Developer Tools 2,000+ 5 ★ 86.26KiB

icon

SnipCSS Extension · Developer Tools 2,000+ 32 ★ 13.12MiB

icon

UI Design Extension · Developer Tools 2,000+ 3 ★ 26.09KiB

icon

DevTools Classes & Atributes panel Extension · Developer Tools 2,000+ 4 ★ 12.75KiB

icon

Jinno: code any React component with AI Extension · Developer Tools 2,000+ 38 ★ 18.37MiB

icon

MageTools: DevTools Reimagined Extension · Developer Tools 2,000+ 9 ★ 84.8KiB

icon

FullDownload Extension · Developer Tools 2,000+ 9 ★ 1.15MiB

icon

CSS Used Extension · Developer Tools 2,000+ 184 ★ 164KiB

icon

CSS Extractor (Extracts style & media rules) Extension · Developer Tools 2,000+ 5 ★ 18.14KiB

icon

DragDropr - Drag & Drop Page Builder Extension · Developer Tools 2,000+ 3 ★ 69.55KiB

icon

Just One File Extension · Productivity 2,000+ 9 ★ 15.7KiB

icon

SnappySnippet Extension · Developer Tools 2,000+ 9 ★ 2.24MiB

icon

Page saver Extension · Developer Tools 2,000+ 32 ★ 56.62KiB

icon

Html Scan Extension · Developer Tools 2,000+ 17 ★ 167KiB

icon

Hoverify Extension · Developer Tools 2,000+ 145 ★ 14.54MiB

icon

CSS Scan Extension · Developer Tools 2,000+ 84 ★ 1.41MiB

icon

Web Maker Extension · Developer Tools 2,000+ 1002 ★ 5.76MiB

icon

CSSSteal Extension · Developer Tools 2,000+ 46 ★ 557KiB

icon

InTab Extension · Developer Tools 2,000+ 12 ★ 11.18MiB

User reviews

icon

Luis Barbosa (ID: 0000006a097190c9) Voted 5 ★ - Updated 07/01/2023 Loved it bawss! easy and straight forward to use. Most direct problem solver.

icon

Adan Vasconcelos (ID: 00000044ae6a7803) Voted 5 ★ - Updated 06/16/2023 I tried several extensions and this was the only one who helped me copy the style from an element. Very helpful.

icon

Vladan Colovic (ID: 000000d3b7df6713) Voted 5 ★ - Updated 05/17/2023 Very good

icon

Aram Hagopian (ID: 0000005a88c586a4) Voted 5 ★ - Updated 01/02/2023 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.

icon

Dan Ramirez (ID: 0000005b1e95e5bd) Voted 2 ★ - Updated 12/05/2022 no se como usarlo guiame dan1487@gmail . co om