divmagic.com

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

Latest Version

Version

2.1.21

Update

October 7, 2024

Size

1.3MiB

Developer

divmagic.com

DivMagic - Copy Style from any website Extension

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

Source 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.21", "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" } } }, "content_scripts": [ { "matches": ["https://*.wordpress.com/wp-admin/*"], "js": ["wordpress.bundle.js"] } ], "permissions": ["scripting", "activeTab", "storage", "contextMenus"], "web_accessible_resources": [ { "resources": ["blockRegistration.bundle.js"], "matches": [""] } ], "optional_host_permissions": ["https://*/*", "http://*/*"], "default_locale": "en"}

Download CRX(1.3MiB)

Similar Extensions

Kaptr.me - Web Dashboards with Live Snapshots Extension · Productivity 9,000+ 12 ★ 634KiB

Markflow: Copy Elements to Figma, React, etc. Extension · Developer Tools 9,000+ 4 ★ 1.6MiB

CSS Scan Extension · Developer Tools 9,000+ 84 ★ 1.41MiB

HTML Copy Extension · Developer Tools 9,000+ 1 ★ 12.37KiB

Tailwind CSS Devtools Extension · Developer Tools 9,000+ 7 ★ 857KiB

CopyCss - Copy css scan from any website. Extension · Developer Tools 9,000+ 10 ★ 246KiB

Tailscan Extension · Developer Tools 9,000+ 16 ★ 1.92MiB

Stepsy: create step-by-step guide with screenshots Extension · Productivity 9,000+ 25 ★ 7.49MiB

PageRip (HTML + CSS Extract) Extension · Developer Tools 9,000+ 54 ★ 434KiB

Supertweak Extension · Developer Tools 9,000+ 4 ★ 75.3KiB

Gimli Tailwind Extension · Developer Tools 9,000+ 33 ★ 151KiB

Windy Extension · Developer Tools 9,000+ 21 ★ 2.31MiB

CSS To Tailwind Extension · Developer Tools 9,000+ 22 ★ 182KiB

SnipCSS Extension · Developer Tools 9,000+ 32 ★ 13.12MiB

InTab Extension · Developer Tools 9,000+ 12 ★ 11.18MiB

cssPicker - copy css from website Extension · Developer Tools 9,000+ 6 ★ 1021KiB

Hoverify Extension · Developer Tools 9,000+ 145 ★ 14.54MiB

HTML to React Extension · Developer Tools 9,000+ 4 ★ 342KiB

Layerpath - Create Interactive Product Demos Extension · Productivity 9,000+ 41 ★ 22.58MiB

CSS Used Extension · Developer Tools 9,000+ 184 ★ 164KiB

ClonewebX Softlite.io Extension · Developer Tools 9,000+ 61 ★ 24.25KiB

Web Design Pirate Extension · Developer Tools 9,000+ 21 ★ 134KiB

Devtools for Tailwind CSS Extension · Developer Tools 9,000+ 18 ★ 49.64MiB

Hexomatic Extension · Productivity 9,000+ 20 ★ 699KiB

User reviews

ViJeT (ID: 000000b53035c8e0) Voted 1 ★ - Updated 08/21/2023 Ужасно дорого за простой функционал.

王博一 (ID: 0000006cb1497d64) Voted 1 ★ - Updated 07/26/2023 need money,too expensive

Jeff Williams (ID: 000000c88aa12216) Voted 5 ★ - Updated 05/10/2023 Amazing! This increased my productivity by 1000x. So easy to copy Tailwind code for existing stuff on the internet.

Will Bowman (ID: 0000008577eb6b50) Voted 5 ★ - Updated 05/10/2023 Just what I was looking for! Working good on what I try.

Nichole Peterson (ID: 000000b335037965) Voted 5 ★ - Updated 05/09/2023 Works great! The output is very small which makes it very easy to modify for my use case!

Get source code (.Zip)

Drop .crx file here or click
the button to choose the file

DivMagic - Copy Style from any website