cssPicker - copy css from website

copy html and css from any website

cssPicker - copy css from websiteとは何ですか?

cssPicker - copy css from websiteはhttps://csspicker.devによって開発されたChromeの拡張機能で、その主な機能は「copy html and css from any website」です。

拡張機能のスクリーンショット

screenshot
screenshot
screenshot
screenshot

cssPicker - copy css from website拡張機能のCRXファイルをダウンロード

cssPicker - copy css from website拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        CSSPicker 🎨  - copy css from website

Support Convert html to React or Tailwind CSS component.

How to Use?

    1.🌟 Click the extension icon.
    2.🚀 click element and copy the HTML/JSX/Tailwind code.

Key Features:

  [1] copy HTML elements with CSS styles from website, even inside iframe!
  [2] output the minimal amount of CSS code,  exactly what you want!
  [3] copy element as Tailwind css component
  [4] copy element as React component
  [5] copy element css selector without open devtools
  [6] convert html to React


Introduction:

Effortlessly copy element with CSS styles on any webpage.
Inspect and convert CSS codes without opening dev tools.
Speed up web development and enhance efficiency.

Problems Solved:
This browser extension addresses the following issues:
    - Frontend developers seeking quick access to style codes.
    - Indie hackers looking to easily build pages from free templates.
    - Developers grappling with writing CSS codes.

Who Should Use:

    Frontend developers.
    Indie hackers and entrepreneurs.
    Anyone working with CSS codes.

FAQs:

    ❓ What does this extension do?
        It allows you to instantly copy HTML and CSS for any element on a webpage.

    ❓ Does it work on all sites?
        Yes, it works on any webpage built with any framework, such as React, Vue, WordPress, etc. Just click to copy! 🌐
   ❓ Is cssPicker free?
        yes, we have free plan, which allows you to copy single element without children, this will cover basic usecase, if you want to copy element with children, try our paid plan!                    

拡張機能の基本情報

名前 cssPicker - copy css from website cssPicker - copy css from website
ID laooinkgdapbcbjchpmihliljfnakkdh
公式URL https://chromewebstore.google.com/detail/csspicker-copy-css-from-w/laooinkgdapbcbjchpmihliljfnakkdh
説明 copy html and css from any website
ファイルサイズ 903 KB
インストール数 748
現在のバージョン 1.0.24
最終更新日 2024-01-17
公開日 2023-09-19
評価 4.00/5 合計 3 レビュー
開発者 https://csspicker.dev
Eメール [email protected]
支払い方法 in_app
拡張機能のウェブサイト https://www.csspicker.dev/
対応言語 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "cssPicker - copy css from website",
    "description": "copy html and css from any website",
    "version": "1.0.24",
    "manifest_version": 3,
    "icons": {
        "16": "img\/logo-16.png",
        "32": "img\/logo-34.png",
        "48": "img\/logo-48.png",
        "128": "img\/logo-128.png"
    },
    "action": {
        "default_icon": "img\/logo-128.png"
    },
    "options_page": "options.html",
    "background": {
        "service_worker": "service-worker-loader.js",
        "type": "module"
    },
    "web_accessible_resources": [
        {
            "matches": [
                ""
            ],
            "resources": [
                "img\/logo-16.png",
                "img\/logo-34.png",
                "img\/logo-48.png",
                "img\/logo-128.png",
                "pages\/index.html"
            ],
            "use_dynamic_url": false
        }
    ],
    "permissions": [
        "scripting",
        "activeTab",
        "storage"
    ]
}