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

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. 🎟️

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"]}}

Download CRX(1.94MiB)

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

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

Latest Version

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

Source Manifest.json

Get source code (.Zip)

Latest Updates

Top Rated