CopyCss - Copy css scan from any website. Extension Chrome

Copy css scan from any website.

Latest Version

Version

0.0.9

Update

March 26, 2024

Size

246KiB

Developer

copycss.xyz

CopyCss - Copy css scan from any website. Extension

Copy css design from any website.

This browser add-on enables you to extract CSS from any website and also allows you to clone the code as components for JSX or Tailwind CSS.

Increase your productivity and reduce development time to lightning speed.

【changelog on March 21th:】
Toggles selection of parent, child or sibling elements of the selected element

【changelog on March 18th:】
1. Fixed the display issue during JSX preview
2. Fixed the issue that the style is missing when the class form is in the class form
3. Fixed the removal of some redundant styles

-Features-
Copying the CSS of this element manually is a hassle. With CopyCss, you can simply click to obtain it. Design your perfect page effortlessly.

You can get the code for any element on any website and rapidly copy it as HTML/JSX, CSS/Tailwind CSS, or any other format of your choice.

Save the HTML and CSS code of individual elements along with their child elements as complete components. You can store these Codepen snippets in the cloud and build a library of attractive elements for your projects starting today.

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"}},
"version":"0.0.9",
"author":"mhhya",
"name":"CopyCss - Copy css scan from any website.",
"description":"Copy css scan from any website.",
"background":{"service_worker":"static/background/index.js"},
"permissions":["storage"],
"content_scripts":[{"matches":[""],
"js":["content.883ade9e.js"],
"all_frames":true,
"css":["content.65af2974.css"]}],
"host_permissions":["https://api.lemonsqueezy.com/*"],
"web_accessible_resources":[{"matches":[""],
"resources":["content.95bad065.css"]}]}