DivMagic - Copy Style from any website

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

Wat is DivMagic - Copy Style from any website?

DivMagic - Copy Style from any website is een Chrome-extensie ontwikkeld door https://divmagic.com, en de belangrijkste functie is "Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.".

Extensie Screenshots

screenshot
screenshot
screenshot
screenshot
screenshot

Download het CRX-bestand van de extensie DivMagic - Copy Style from any website

Download DivMagic - Copy Style from any website-extensiebestanden in crx-indeling, installeer Chrome-extensies handmatig in de browser of deel de crx-bestanden met vrienden om Chrome-extensies eenvoudig te installeren.

Instructies voor het Gebruik van de Extensie

                        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.)                    

Basisinformatie over de Extensie

Naam DivMagic - Copy Style from any website DivMagic - Copy Style from any website
ID okpadhgilncoodafepkdmlneojcehclf
Officiële URL https://chromewebstore.google.com/detail/divmagic-copy-style-from/okpadhgilncoodafepkdmlneojcehclf
Beschrijving Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.
Bestandsgrootte 1.24 MB
Aantal Installaties 4,165
Huidige Versie 2.1.10
Laatst Bijgewerkt 2024-03-03
Publicatiedatum 2023-05-09
Beoordeling 3.93/5 Totaal 30 Beoordelingen
Ontwikkelaar https://divmagic.com
E-mail [email protected]
Betalingswijze in_app
Extensiewebsite https://divmagic.com
Help Pagina-URL https://divmagic.com
URL van de Privacybeleid Pagina https://divmagic.com/privacy
Ondersteunde Talen 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"
}