DivMagic - Copy Style from any website

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

O que é DivMagic - Copy Style from any website?

DivMagic - Copy Style from any website é uma extensão do Chrome desenvolvida por https://divmagic.com, e sua principal característica é "Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.".

Capturas de Tela da Extensão

screenshot
screenshot
screenshot
screenshot
screenshot

Baixar o arquivo CRX da Extensão DivMagic - Copy Style from any website

Baixe arquivos de extensão DivMagic - Copy Style from any website no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

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

Informações Básicas da Extensão

Nome DivMagic - Copy Style from any website DivMagic - Copy Style from any website
ID okpadhgilncoodafepkdmlneojcehclf
URL Oficial https://chromewebstore.google.com/detail/divmagic-copy-style-from/okpadhgilncoodafepkdmlneojcehclf
Descrição Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.
Tamanho do Arquivo 1.24 MB
Contagem de Instalações 4,165
Versão Atual 2.1.10
Última Atualização 2024-03-03
Data de Publicação 2023-05-09
Classificação 3.93/5 Total de 30 Avaliações
Desenvolvedor https://divmagic.com
Email [email protected]
Tipo de Pagamento in_app
Site da Extensão https://divmagic.com
URL da Página de Ajuda https://divmagic.com
URL da Página de Política de Privacidade https://divmagic.com/privacy
Idiomas Suportados 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"
}