Instantly clone any web element's style with a single, sleek click.

Latest Version

Version
24.8.3
Update
August 2, 2024
Size
1.94MiB
Developer
Category
Users
225
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
中文 (简体)
中文 (繁體)
日本語
한국어
See more
Permissions
Storage
Tabs
DeclarativeNetRequest
See more

CopyStyle - Snatch style from any site, swiftly and seamlessly. Extension

🚀 Unleash Your Coding Superpowers with These Epic Features! 🚀

Update:
2024-07-06: Added Clean HTML and optimized some site effects.
2024-06-23: Added text wrap support and optimized some site effects.

1️⃣ One-Tap Wonder: Code Capture 🌟
Effortlessly snatch HTML/CSS code from any web corner! Clone pages like a boss with just ONE click. 💪

2️⃣ Responsive Design in Your Pocket 📲
Swipe left for desktop, right for mobile? Nah! Just copy those media queries for perfect responsive styles. 🔄

3️⃣ Tailwind CSS Magic Wand 🎩
Transform ANY CSS code into Tailwind CSS in a snap! Even colors get the upgrade. 💫 No Tailwind on the site? No problem!

4️⃣ React/JSX Component Wizardry 🧙‍♂️
Turn web components into React/JSX gold! Get fully functional pieces that play nice with any framework. 🎫

5️⃣ Integration Maestro: CodePen Edition 🎼
Export straight to CodePen for editing bliss. Your components are just a click away, always. 🖥️

Remember, CopyStyle is your free ticket to premium design and dev goodies! No strings attached. 🎟️
Read more

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"icons":{"16":"icon16.plasmo.6c567d50.png",
"32":"icon32.plasmo.76b92899.png",
"48":"icon48.plasmo.aced7582.png",
"64":"icon64.plasmo.8bb5e6e0.png",
"128":"icon128.plasmo.3c1ed2d2.png"},
"manifest_version":3,
"action":{"default_icon":{"16":"icon16.plasmo.6c567d50.png",
"32":"icon32.plasmo.76b92899.png",
"48":"icon48.plasmo.aced7582.png",
"64":"icon64.plasmo.8bb5e6e0.png",
"128":"icon128.plasmo.3c1ed2d2.png"},
"default_popup":"popup.html"},
"version":"24.8.3",
"author":"[email protected]",
"name":"__MSG_extName__",
"description":"__MSG_extDesc__",
"background":{"service_worker":"static/background/index.js"},
"permissions":["storage",
"tabs",
"declarativeNetRequest"],
"content_scripts":[{"matches":["https://*/*",
"http://*/*"],
"js":["core.a289f8d0.js"],
"run_at":"document_start",
"css":["core.3838074d.css"]}],
"content_security_policy":{"extension_pages":"script-src 'self' 'wasm-unsafe-eval' http://localhost;object-src 'self';"},
"web_accessible_resources":[{"resources":["sandboxes/message.html",
"resources/*/**"],
"matches":["https://*/*"]},{"matches":["https://*/*",
"http://*/*"],
"resources":["core.6e038a4b.css"]}],
"host_permissions":["https://*/*",
"http://*/*"],
"default_locale":"en",
"commands":{"toggletools":{"suggested_key":{"default":"Alt+C",
"mac":"Alt+C"},
"description":"Toggle Toolbars"}},
"sandbox":{"pages":["sandboxes/message.html"]}}
Read more

Similar Extensions

icon

Supertweak Extension · Developer Tools 225 4 ★ 75.3KiB

icon

Website To React - By CodeParrot.ai Extension · Developer Tools 225 3 ★ 99.98KiB

icon

DivCat Extension · Developer Tools 225 0 ★ 728KiB

icon

Html Duplicator Extension · Developer Tools 225 0 ★ 76.73KiB

icon

CopyCss - Copy css scan from any website. Extension · Developer Tools 225 10 ★ 246KiB

icon

Website Downloader Extension · Productivity 225 54 ★ 790KiB

icon

cssPicker - copy css from website Extension · Developer Tools 225 6 ★ 1021KiB

icon

copyCssStyle Extension · Developer Tools 225 3 ★ 13.86KiB

icon

Excompt Extension · Developer Tools 225 4 ★ 895KiB

icon

PageRip (HTML + CSS Extract) Extension · Developer Tools 225 54 ★ 434KiB

icon

DivMagic - Copy Style from any website Extension · Developer Tools 225 55 ★ 1.3MiB

icon

HTML Copy Extension · Developer Tools 225 1 ★ 12.37KiB

icon

SnipCSS Extension · Developer Tools 225 32 ★ 13.12MiB

icon

Nuweb - Build your web easier in the browser Extension · Developer Tools 225 4 ★ 250KiB

icon

Html Style Copier Extension · Developer Tools 225 0 ★ 2.95MiB

icon

Toolwind - Devtool for Tailwind css Extension · Developer Tools 225 7 ★ 449KiB

icon

AI Code Generator Extension · Developer Tools 225 1 ★ 435KiB

icon

CSS To Tailwind Extension · Developer Tools 225 22 ★ 182KiB

icon

Gimli Tailwind Extension · Developer Tools 225 33 ★ 151KiB

icon

css scanner Extension · Developer Tools 225 6 ★ 339KiB

icon

UI Replicator Extension · Developer Tools 225 13 ★ 182KiB

icon

Windy Extension · Developer Tools 225 21 ★ 2.31MiB

icon

Clone Page Extension · Accessibility 225 9 ★ 24.97KiB

icon

WindChat-ChatGPT Tailwind CSS React Previewer Extension · Developer Tools 225 4 ★ 483KiB