DivMagic - Copy Style from any website

Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.

Was ist DivMagic - Copy Style from any website?

DivMagic - Copy Style from any website ist eine Chrome-Erweiterung, die von https://divmagic.com entwickelt wurde, und ihr Hauptmerkmal ist "Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.".

Erweiterungsscreenshots

screenshot
screenshot
screenshot
screenshot
screenshot

DivMagic - Copy Style from any website-Erweiterungs-CRX-Datei herunterladen

Laden Sie DivMagic - Copy Style from any website-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

                        Copy design from any website

Transform elements from any webpage into reusable web components

Unleash the power of effortless web element conversion with DivMagic.

With just a click, you can capture any element from any website, seamlessly transforming it into clean, reusable CSS or Tailwind CSS code. Beyond that, DivMagic empowers you to convert elements into React/JSX components, and effortlessly switch between HTML and React/JSX.

Experience the convenience of:

- One-click design, style, and element copy and conversion
- Ability to copy style as CSS or Tailwind CSS (including colors)
- Conversion of any element from HTML to React/JSX and vice versa
- Generation of minimalistic, reusable output
- Seamless copying of styles, even through iframes

Save time, streamline your workflow, and unlock your creative potential with DivMagic.

Try DivMagic now and revolutionize your web development workflow!

https://divmagic.com

(Note: DivMagic is a paid subscription-based product, but you can try it for free.)                    

Grundlegende Informationen zur Erweiterung

Name DivMagic - Copy Style from any website DivMagic - Copy Style from any website
ID okpadhgilncoodafepkdmlneojcehclf
Offizielle URL https://chromewebstore.google.com/detail/divmagic-copy-style-from/okpadhgilncoodafepkdmlneojcehclf
Beschreibung Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.
Dateigröße 1.24 MB
Installationsanzahl 4,165
Aktuelle Version 2.1.10
Letztes Update 2024-03-03
Veröffentlichungsdatum 2023-05-09
Bewertung 3.93/5 Insgesamt 30 Bewertungen
Entwickler https://divmagic.com
E-Mail [email protected]
Zahlungsart in_app
Erweiterungswebsite https://divmagic.com
Hilfeseite URL https://divmagic.com
URL der Datenschutzrichtlinien-Seite https://divmagic.com/privacy
Unterstützte Sprachen id,ms,de,en,en-GB,en-US,fil,fr,sw,nl,no,vi,tr,ca,da,et,es,es-419,hr,it,lv,lt,hu,pl,pt-BR,pt-PT,ro,sk,sl,fi,sv,cs,el,sr,bg,ru,uk,iw,fa,mr,hi,bn,gu,ta,te,kn-IN,ml,th,am-ET,ar,zh-CN,zh-TW,ja,ko
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "__MSG_extName__",
    "description": "__MSG_extDescription__",
    "author": "DivMagic",
    "homepage_url": "https:\/\/DivMagic.com",
    "short_name": "DivMagic",
    "version": "2.1.10",
    "action": {
        "default_popup": "popup.html",
        "default_icon": "icon-48.png",
        "default_title": "DivMagic"
    },
    "background": {
        "service_worker": "background.bundle.js"
    },
    "devtools_page": "devtools.html",
    "options_page": "options.html",
    "incognito": "split",
    "icons": {
        "16": "icon-16.png",
        "32": "icon-32.png",
        "48": "icon-48.png",
        "128": "icon-128.png"
    },
    "commands": {
        "_execute_action": {
            "suggested_key": {
                "default": "Ctrl+Shift+X",
                "mac": "Command+Shift+X"
            }
        }
    },
    "permissions": [
        "scripting",
        "activeTab",
        "storage",
        "contextMenus"
    ],
    "optional_host_permissions": [
        "https:\/\/*\/*",
        "http:\/\/*\/*"
    ],
    "default_locale": "en"
}