# DivMagic

> Copy elements from any webpage as reusable web components Copy design from any website Transform elements from any webpage into reusable web component, in CSS or Tailwind CSS. Unleash the power of effortless element conversion with DivMagic

Canonical page: [https://chrome-stats.com/d/divmagic](https://chrome-stats.com/d/divmagic)

## Overview

- **ID:** `divmagic`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** BL
- **Category:** web-development,appearance
- **Daily users:** 364
- **Weekly downloads:** 10
- **Rating:** 4.14 / 5 (7 ratings)
- **Version:** 2.2.0
- **Last updated:** 2026-08-15
- **First published:** 2023-05-14
- **Size:** 1.68 MB
- **Data as of:** 2026-09-07
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/divmagic/)
- **Website:** [https://divmagic.com](https://divmagic.com/)

## Description

DivMagic is a powerful Chrome extension that allows developers and designers to effortlessly copy elements from any webpage and transform them into reusable web components. With just one click, you can capture design elements and convert them into clean CSS or Tailwind CSS code, or even React/JSX components. DivMagic simplifies your workflow by enabling easy switching between HTML and React/JSX formats and supports style copying through iframes.

The extension emphasizes minimalistic, reusable output that saves time and boosts creativity. DivMagic processes all code generation locally on your device, ensuring privacy and no data collection. Though subscription-based, it offers a free trial to experience its benefits firsthand. Enhance your web development process by using DivMagic for quick and clean web component generation.

## Rankings

- #6,064 — Overall
- #14 — magic
- #17 — component
- #90 — conversation
- #134 — transform
- #181 — element

## Permissions and access

### Permissions

- `scripting`
- `activeTab`
- `storage`
- `clipboardWrite`
- `contextMenus`

### Host permissions

- `https://9xunk3m414.execute-api.us-east-1.amazonaws.com/*`
- `https://api.divmagic.com/*`
- `https://divmagic.com/*`
- `https://www.divmagic.com/*`

### Content script matches

- `*.wordpress.com`

## Safety

- **Risk impact:** High risk impact
- **Risk likelihood:** Moderate risk likelihood

### Analysis details

- Request access to the following domains: wordpress.com, amazonaws.com, divmagic.com
- This extension was recently updated in the past month. New updates may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [Web Capture - HTML to React with MagicPath](https://chrome-stats.com/d/magic-path) — 13 users
- [CSS to Tailwind — Instant Conversion](https://chrome-stats.com/d/css-to-tailwind-instant-conver)
- [TailGrab — Copy as Tailwind](https://chrome-stats.com/d/tailgrab-copy-as-tailwind)
- [MiroMiro](https://chrome-stats.com/d/miromiro) — 16 users
- [CSS DNA — Inspect CSS & Extract Design Tokens](https://chrome-stats.com/d/css-dna) — 2 users
- [HTML & CSS Extractor - CSS Picker](https://chrome-stats.com/d/html-css-extractor-css-picker) — 65 users
- [Pastaable](https://chrome-stats.com/d/pastaable) — 2 users, 5.00 / 5
- [HTML/CSS Extractor](https://chrome-stats.com/d/html-css-extractor) — 138 users, 3.00 / 5
- [ScrapeStudio](https://chrome-stats.com/d/scrapestudioapp) — 1 users, 4.00 / 5
- [Web Design Pirate for DevTools](https://chrome-stats.com/d/web-design-pirate-for-devtools) — 107 users, 4.20 / 5
- [BDLibraries Web Design Tools](https://chrome-stats.com/d/bdlibraries-web-design-tools) — 2 users, 5.00 / 5
- [DivPic](https://chrome-stats.com/d/divpic) — 6 users

---

Source: [Chrome-Stats](https://chrome-stats.com/d/divmagic)