DivMagic - Copy Style from any website

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

What is DivMagic - Copy Style from any website?

DivMagic - Copy Style from any website is a Chrome extension developed by https://divmagic.com, and its main feature is "Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot
screenshot

Download DivMagic - Copy Style from any website Extension CRX File

Download DivMagic - Copy Style from any website extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

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

Extension Basic Information

Name DivMagic - Copy Style from any website DivMagic - Copy Style from any website
ID okpadhgilncoodafepkdmlneojcehclf
Official URL https://chromewebstore.google.com/detail/divmagic-copy-style-from/okpadhgilncoodafepkdmlneojcehclf
Description Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.
File Size 1.24 MB
Installation Count 4,165
Current Version 2.1.10
Last Updated 2024-03-03
Publish Date 2023-05-09
Rating 3.93/5 Total 30 Ratings
Developer https://divmagic.com
Email [email protected]
Payment Type in_app
Extension Website https://divmagic.com
Help Page URL https://divmagic.com
Privacy Policy Page URL https://divmagic.com/privacy
Supported Languages 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"
}