DivMagic - Copy Style from any website

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

Что такое DivMagic - Copy Style from any website?

DivMagic - Copy Style from any website - это расширение Chrome, разработанное https://divmagic.com, и его основная функция - "Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.".

Снимки экрана расширения

screenshot
screenshot
screenshot
screenshot
screenshot

Скачать файл CRX расширения DivMagic - Copy Style from any website

Скачайте файлы расширений DivMagic - Copy Style from any website в формате crx, установите расширения Chrome вручную в браузере или поделитесь файлами crx с друзьями, чтобы легко установить расширения Chrome.

Инструкции по использованию расширения

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

Основная информация о расширении

Название DivMagic - Copy Style from any website DivMagic - Copy Style from any website
ID okpadhgilncoodafepkdmlneojcehclf
Официальный URL https://chromewebstore.google.com/detail/divmagic-copy-style-from/okpadhgilncoodafepkdmlneojcehclf
Описание Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.
Размер файла 1.24 MB
Количество установок 4,165
Текущая Версия 2.1.10
Последнее Обновление 2024-03-03
Дата публикации 2023-05-09
Рейтинг 3.93/5 Всего 30 оценок
Разработчик https://divmagic.com
Электронная почта [email protected]
Тип оплаты in_app
Официальный сайт расширения https://divmagic.com
URL страницы помощи https://divmagic.com
URL страницы политики конфиденциальности https://divmagic.com/privacy
Поддерживаемые языки 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"
}