cssPicker - copy css from website

copy html and css from any website

Co to jest cssPicker - copy css from website?

cssPicker - copy css from website to rozszerzenie Chrome opracowane przez https://csspicker.dev, a jego główną funkcją jest „copy html and css from any website”.

Zrzuty ekranu rozszerzenia

screenshot
screenshot
screenshot
screenshot

Pobierz plik CRX rozszerzenia cssPicker - copy css from website

Pobierz pliki rozszerzeń cssPicker - copy css from website w formacie crx, zainstaluj ręcznie rozszerzenia Chrome w przeglądarce lub udostępnij pliki crx znajomym, aby łatwo zainstalować rozszerzenia Chrome.

Instrukcja Użytkowania Rozszerzenia

                        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!                    

Podstawowe informacje o rozszerzeniu

Nazwa cssPicker - copy css from website cssPicker - copy css from website
ID laooinkgdapbcbjchpmihliljfnakkdh
Oficjalny URL https://chromewebstore.google.com/detail/csspicker-copy-css-from-w/laooinkgdapbcbjchpmihliljfnakkdh
Opis copy html and css from any website
Rozmiar pliku 903 KB
Liczba instalacji 748
Aktualna Wersja 1.0.24
Ostatnia Aktualizacja 2024-01-17
Data Publikacji 2023-09-19
Ocena 4.00/5 Łącznie 3 Oceny
Deweloper https://csspicker.dev
E-mail [email protected]
Typ Płatności in_app
Strona Rozszerzenia https://www.csspicker.dev/
Obsługiwane Języki 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"
    ]
}