divmagic.com Open in urlscan Pro
108.138.26.93  Public Scan

Form analysis
0 forms found in the DOM

Text Content

DivMagic
HeimMerkmaleDokumentationAffiliateStudioHolen Sie sich jetzt
DivMagic

HeimMerkmaleDokumentationAffiliateStudio



KOPIEREN SIE DAS DESIGN VON EINER BELIEBIGEN WEBSITE


EINE BROWSERERWEITERUNG, MIT DER SIE DEN CODE EINES BELIEBIGEN WEBSITE-ELEMENTS
MIT EINEM KLICK KOPIEREN KÖNNEN



Benutzt von



+ Tausende anderer Entwickler!


WIRD VON ENTWICKLERN UNTER VERWENDET


ÜBER 5.000 ENTWICKLER VERTRAUEN

Versuchen Sie es auf dieser SeiteVersuchen Sie es auf dieser Seite
DivMagic
Ziehen zum bewegen
In DivMagic Studio öffnenSchließen



VERKÜRZEN SIE IHRE ENTWICKLUNGSZEIT ERHEBLICH


HOLEN SIE SICH DEN CODE EINES BELIEBIGEN ELEMENTS AUF EINER BELIEBIGEN WEBSITE

Sie können den HTML/CSS-Code jedes Elements auf jeder Website abrufen.
Mit einem Klick können Sie den Code jedes Elements auf jeder Website kopieren.
Wenn Sie möchten, können Sie auch ganze Seiten mit einem Klick kopieren.


MEDIA QUERY SUPPORT (RESPONSIVE)

Sie können die Medienabfrage des Elements kopieren, das Sie kopieren.

Dadurch wird der kopierte Stil responsiv.


KONVERTIEREN SIE CSS IN TAILWIND CSS

Sie können jeden CSS-Code in Tailwind CSS konvertieren.

Die Website, von der Sie kopieren, muss Tailwind CSS nicht verwenden.

DivMagic konvertiert jeden CSS-Code in Tailwind CSS (sogar Farben!)


CODE ÜBER IFRAMES KOPIEREN

Sie können Code aus Iframes kopieren.

Einige Websites fügen Inhalte in Iframes ein, um zu verhindern, dass Sie sie
kopieren. DivMagic kann Code über Iframes kopieren.


DEVTOOLS INTEGRATION

Verwenden Sie DivMagic direkt über die Entwicklungstools Ihres Browsers

Sie können auf die Leistungsfähigkeit von DivMagic zugreifen, ohne jemals die
Erweiterung öffnen zu müssen

Verwandeln und erfassen Sie Webelemente in wiederverwendbare Komponenten,
während Sie in Ihrer Entwicklerkonsole bleiben.


KONVERTIEREN SIE JEDE KOMPONENTE IN REACT/JSX

Sie können jede Komponente in JSX konvertieren.

Sie können jeden Abschnitt, den Sie kopieren, als React/JSX-Komponente erhalten.
Der Code muss nicht überprüft werden.

Auch wenn die Website React nicht verwendet.


DIVMAGIC STUDIO INTEGRATION

Sie können das kopierte Element nach DivMagic Studio exportieren.

Auf diese Weise können Sie das Element bearbeiten und problemlos Änderungen
daran vornehmen.

Sie können Ihre Komponenten in DivMagic Studio speichern und jederzeit aufrufen.


DIVMAGIC TOOLBOX

Alle Tools, die Sie für die Webentwicklung benötigen, an einem Ort.

Sie können Schriftarten von Websites kopieren und direkt in Ihren Projekten
verwenden. Sie können Farben von jeder Website kopieren und direkt in Ihren
Projekten verwenden. Konvertieren Sie jede Farbe in jedes beliebige Format.
Raster hinzufügen.

Und mehr...

Versuchen Sie es auf dieser SeiteVersuchen Sie es auf dieser Seite
DivMagic
Ziehen zum bewegen
In DivMagic Studio öffnenSchließen



ALLE TOOLS, DIE SIE BENÖTIGEN, UM BEEINDRUCKENDE WEBSITES SCHNELLER ZU ERSTELLEN


HOLEN SIE SICH DAS BESTE DESIGN, OHNE STUNDENLANG DAMIT ZU VERBRINGEN

INSPEKTOR

Holen Sie sich den Code eines beliebigen Elements auf einer beliebigen Website.
DivMagic bietet den kompaktesten und saubersten Code, den Sie in Ihren Projekten
verwenden können.

BUILT WITH

Know what technologies a site uses with one click.

KONVERTER

Konvertieren Sie jede Komponente in React/JSX. Sie können jeden Abschnitt, den
Sie kopieren, als React/JSX-Komponente erhalten. Unabhängig vom Framework der
Website.

TAILWIND CSS

Konvertieren Sie CSS in Tailwind CSS. DivMagic konvertiert jeden CSS-Code in
Tailwind CSS (sogar Farben!). Die Website, von der Sie kopieren, muss Tailwind
CSS nicht verwenden.

IFRAME-UNTERSTÜTZUNG

Code aus Iframes kopieren. Einige Websites fügen Inhalte in Iframes ein, um zu
verhindern, dass Sie sie kopieren. DivMagic kann Code über Iframes kopieren.

REAKTIONSFÄHIG

Sie können die Medienabfrage des Elements oder der Seite kopieren, die Sie
kopieren. Dadurch wird der kopierte Stil responsiv.

DEVTOOLS-INTEGRATION

Verwenden Sie DivMagic direkt über die Entwicklungstools Ihres Browsers. Sie
können auf alle Funktionen von DivMagic zugreifen, ohne die Erweiterung jemals
öffnen zu müssen.

STUDIO-INTEGRATION

Sie können das kopierte Element in DivMagic Studio exportieren – einen
leistungsstarken Online-Editor, mit dem Sie das Element bearbeiten und
problemlos Änderungen daran vornehmen können.

GANZSEITIGE KOPIE

Sie können ganze Seiten mit einem Klick kopieren.

WORDPRESS-INTEGRATION

(BALD KOMMT) – Sie können das kopierte Element nach WordPress exportieren.
Dadurch können Sie das kopierte Element im WordPress-Editor verwenden.

WERKZEUGKASTEN

Alle Tools, die Sie für die Webentwicklung benötigen, an einem Ort.
Live-Bearbeitungen, Farbauswahl, Debugger und mehr.

KOPIEREN VON SCHRIFTARTEN

Sie können Schriftarten von Websites kopieren und direkt in Ihren Projekten
verwenden.

FARBWÄHLER

Sie können Farben von jeder Website kopieren und direkt in Ihren Projekten
verwenden. Konvertieren Sie jede Farbe in jedes beliebige Format.

VON
ENTWICKLERN
UND
DESIGNERN
GELIEBT

> “Toll! Das steigerte meine Produktivität um das 1000-fache. Es ist so einfach,
> Tailwind-Code für bestehende Dinge im Internet zu kopieren.”

Jeff Williams
ex-AWS Software Development Engineer
First starSecond starThird starFourth starFifth star

> “Unglaublich nützlich! Es besteht kein Zweifel, dass es sehr zeitsparend ist!”

Kurt Lekanger
journalist, code24

> “🛠️ DivMagic 👉🏻 Eine Chrome-Erweiterung zum direkten Konvertieren von
> Elementen in Tailwind CSS (einschließlich Farben).”

Michael Hoffman
Senior Frontend Developer

> “Genau das, wonach ich gesucht habe! Funktioniert gut bei dem, was ich
> versuche.”

Will Bowman
First starSecond starThird starFourth starFifth star

> “Funktioniert großartig! Die Ausgabe ist sehr klein, was die Anpassung an
> meinen Anwendungsfall sehr einfach macht!”

Nichole Peterson
First starSecond starThird starFourth starFifth star

> “Front-End-Entwickler MUSS!! Mir gefiel wirklich, wie gut es mit React und
> Tailwind funktioniert. Die Einfachheit von UI und UX gefällt mir am besten.”

Steven J.
First starSecond starThird starFourth starFifth star

> “Ich kann es wärmstens empfehlen, es ist magisch!”

Javier
First starSecond starThird starFourth starFifth star

> “Jetzt kann ich Designs noch einfacher stehlen! 🤭”

Ethan Glover
Application Engineer

> “Tolles Werkzeug, sein Wert übersteigt die Kosten bei weitem.”

Bryan Brooks
First starSecond starThird starFourth starFifth star

> “DivMagic ist ein Schatz, einfach das beste Tool, um diesen Abschnitt einer
> Webseite perfekt darzustellen. Probieren Sie es aus, die Kosten werden Ihnen
> in wenigen Tagen durch die Zeitersparnis zurückerstattet.”

Victor Rhea
First starSecond starThird starFourth starFifth star

> “Tolles kostenpflichtiges Tool, das Geld wert!”

Daniro
First starSecond starThird starFourth starFifth star

> “Tolles Tool und enorme Zeitersparnis. Wenn Sie Entwickler sind und einen
> schnellen Weg zum UI-Design suchen, ist dieses Tool großartig.”

Martin Young
First starSecond starThird starFourth starFifth star

> “Schön, dass es in meinem Browser verfügbar ist”

Reza Hartana
First starSecond starThird starFourth starFifth star

> “Tolles Tool, das Ihnen bei der Entwicklung viel Zeit spart.”

Jackie Chong
First starSecond starThird starFourth starFifth star

> “Funktioniert wahnsinnig gut – Sogar mit React + TailwindCSS. Sehr
> beeindruckt.”

J L
First starSecond starThird starFourth starFifth star

> “Erstaunliches Werkzeug! Ich liebe die kraftvolle Anwendung und die
> Leichtigkeit, mit der es funktioniert. Wenn Sie ein Entwickler sind, überlegen
> Sie nicht länger und stellen Sie sicher, dass Sie es bekommen.”

Giuliani Prosecutor
First starSecond starThird starFourth starFifth star

> “Fantastisches Werkzeug. In Kombination mit Tailwind-Komponenten können Sie
> innerhalb der ersten 30 Minuten der Nutzung ganz einfach Stunden sparen.
> Amortisiert sich fast sofort.”

Brendan OC
First starSecond starThird starFourth starFifth star

> “Ich habe in der Vergangenheit mehr als drei ähnliche Tools getestet –
> DivMagic gehört in puncto Qualität mit Abstand zu den Besten.”

John Techozens
First starSecond starThird starFourth starFifth star

> “Erstaunliches Tool. Wenn Sie Websites erstellen, wissen Sie, dass das ein
> Kinderspiel ist. Hat eine Menge Stunden gespart, indem Sie sich mit Vorlagen
> herumschlagen und CSS ändern.”

Kevin McGrew
First starSecond starThird starFourth starFifth star

> “Super hilfreiches Add-on! Ich habe für das vollständige Produkt bezahlt, weil
> es mir Zeit und Mühe spart.”

Torra Laq
First starSecond starThird starFourth starFifth star

> “Umwerfendes Tool. Sehr, sehr hilfreiches Tool für Entwickler”

Talha Tonmoy
First starSecond starThird starFourth starFifth star


PREISGESTALTUNG

Funktioniert auf jeder Website

Verfügbar für Chrome und Firefox


Vollständige Rückerstattungsrichtlinie

Wird von +5000 Entwicklern verwendet

Engagierter und schneller Support
Ständige Updates und neue Funktionen
Hallo! 🇺🇸
Wir feiern unsere globale Entwickler-Community mit einem Sonderrabatt!
0% Rabatt
Rabatt-Gutscheincode verwenden:
Kopieren
Lösen Sie den Gutschein einfach an der Kasse ein und profitieren Sie von Ihren
Ersparnissen. Viel Spaß beim Codieren!


MONATLICH

$16/Monat

Zuzüglich lokaler Steuern oder Mehrwertsteuer, falls zutreffend

 * Verfügbar für Google Chrome (einschließlich aller Chromium-basierten Browser
   wie Brave, Edge usw.)

 * Verfügbar für Firefox

 * Nutzen Sie es auf so vielen Geräten, wie Sie möchten

 * DivMagic Studio-Integration

 * Beinhaltet alle zukünftigen Updates und Funktionen

 * Geld-Zurück-Garantie

Holen Sie sich jetzt


JÄHRLICH

$96/Jahr

Zuzüglich lokaler Steuern oder Mehrwertsteuer, falls zutreffend

 * Speichern - 6 Monate kostenlos

 * Verfügbar für Google Chrome (einschließlich aller Chromium-basierten Browser
   wie Brave, Edge usw.)

 * Verfügbar für Firefox

 * Nutzen Sie es auf so vielen Geräten, wie Sie möchten

 * DivMagic Studio-Integration

 * Beinhaltet alle zukünftigen Updates und Funktionen

 * Geld-Zurück-Garantie

Holen Sie sich jetzt


🎁

BEGRENZTER RABATT !!!


EINMALIGE ZAHLUNG

Am beliebtesten
$300
$200

Zuzüglich lokaler Steuern oder Mehrwertsteuer, falls zutreffend

 * Lebenslanger Zugriff

 * Verfügbar für Google Chrome (einschließlich aller Chromium-basierten Browser
   wie Brave, Edge usw.)

 * Verfügbar für Firefox

 * Nutzen Sie es auf so vielen Geräten, wie Sie möchten

 * DivMagic Studio-Integration

 * Beinhaltet alle zukünftigen Updates und Funktionen

 * Geld-Zurück-Garantie

Holen Sie sich jetzt


HÄUFIG GESTELLTE FRAGEN


WAS MACHT DIVMAGIC?

Mit DivMagic können Sie Webelemente ganz einfach kopieren, konvertieren und
nutzen. Es ist ein vielseitiges Tool, das HTML und CSS in verschiedene Formate
konvertiert, darunter Inline-CSS, externes CSS, lokales CSS und Tailwind CSS.

Sie können jedes Element von jeder Website als wiederverwendbare Komponente
kopieren und direkt in Ihre Codebasis einfügen.


WIE BENUTZE ICH ES?

Installieren Sie zunächst die DivMagic-Erweiterung. Navigieren Sie zu einer
beliebigen Website und klicken Sie auf das Erweiterungssymbol. Wählen Sie dann
ein beliebiges Element auf der Seite aus. Der Code – in Ihrem ausgewählten
Format – wird kopiert und kann in Ihr Projekt eingefügt werden.

Sie können sich das Demovideo ansehen, um zu sehen, wie es funktioniert




WELCHE BROWSER WERDEN UNTERSTÜTZT?

Sie können die Erweiterung für Chrome und Firefox erhalten.

Die Chrome-Erweiterung funktioniert auf allen Chromium-basierten Browsern wie
Brave und Edge.

Chrome:Für Chrome installieren
Firefox:Für Firefox installieren


WAS IST DIE RÜCKERSTATTUNGSRICHTLINIE?

Wenn Sie mit DivMagic nicht zufrieden sind, senden Sie uns innerhalb von 30
Tagen nach dem Kauf eine E-Mail und wir erstatten Ihnen Ihr Geld ohne weitere
Fragen.

support@divmagic.com


WIE ÄNDERE ICH MEIN ABONNEMENT?

Sie können Ihr Abonnement ändern, indem Sie zum Kundenportal gehen.
Kundenportal




FUNKTIONIERT ES AUF ALLEN WEBSITES?

Ja. Es kopiert jedes Element von jeder Website und konvertiert es in das von
Ihnen gewählte Format. Sie können sogar Elemente kopieren, die durch einen
Iframe geschützt sind.

Die Website, die Sie kopieren, kann mit jedem Framework erstellt werden,
DivMagic funktioniert auf allen.

Obwohl dies selten vorkommt, kann es sein, dass bestimmte Elemente nicht perfekt
kopiert werden. Wenn Sie auf solche stoßen, melden Sie uns diese bitte.

Auch wenn das Element nicht korrekt kopiert wurde, können Sie den kopierten Code
dennoch als Ausgangspunkt verwenden und Änderungen daran vornehmen.


FUNKTIONIERT DIE CSS-KONVERTIERUNG VON TAILWIND AUF ALLEN WEBSITES?

Ja. Die Website, die Sie kopieren, kann mit jedem Framework erstellt werden,
DivMagic funktioniert auf allen.

Die Website muss nicht mit Tailwind CSS erstellt werden, DivMagic konvertiert
das CSS für Sie in Tailwind CSS.


WELCHE EINSCHRÄNKUNGEN GIBT ES?

Die größte Einschränkung stellen Websites dar, die JavaScript verwenden, um die
Anzeige des Seiteninhalts zu ändern. In solchen Fällen ist der kopierte Code
möglicherweise nicht korrekt. Wenn Sie ein solches Element finden, melden Sie es
uns bitte.

Auch wenn das Element nicht korrekt kopiert wurde, können Sie den kopierten Code
dennoch als Ausgangspunkt verwenden und Änderungen daran vornehmen.


WIE OFT GIBT ES EIN UPDATE FÜR DIVMAGIC?

DivMagic wird regelmäßig aktualisiert. Wir fügen ständig neue Funktionen hinzu
und verbessern die vorhandenen.

Wir veröffentlichen alle 1-2 Wochen ein Update. Eine Liste aller Updates finden
Sie in unserem Changelog.

Änderungsprotokoll

Möchten Sie auf dem Laufenden bleiben?
Treten Sie der DivMagic-E-Mail-Liste bei!

Seien Sie der Erste, der über Neuigkeiten, neue Funktionen und mehr informiert!

Abonnieren

Abmelden ist jederzeit möglich. Kein Spam.


DivMagic
MerkmalePreisgestaltungKontakt



RESSOURCEN

 * Dokumentation
 * Blog
 * Empfohlene Vorgehensweise
 * Änderungsprotokoll
 * Tailwind CSS-Klassenbibliothek


UNTERSTÜTZUNG

 * Rückmeldung geben
 * Helfen
 * Kontakt
 * Melde einen technischen Fehler
 * Partnerprogramm


WERKZEUGE

 * Studio

 * HTML-zu-JSX-Konverter

 * Farbkonverter


ALLGEMEINE GESCHÄFTSBEDINGUNGEN UND RICHTLINIEN

 * Nutzungsbedingungen
 * Privatsphäre

© 2024 DivMagic, Inc. Alle Rechte vorbehalten.


EnglishहिंदीPortuguês中国人Bahasa IndonesiaDeutschIgboNederlandsFrançaisTiếng
ViệtFilipinoCebuanoTürkçeEspañolAfrikaansTwiአማርኛعربيঅসমীয়াAymaraAzərbaycanбеларускібългарскиभोजपुरीBamanankanবাংলাBosanskiCatalàکوردی
(سۆرانی)CorsuČeštinaCymraegDanskडोगरीދެގޮތެވެEʋegbeΕλληνικάEsperantoEesti
keelEuskaraفارسیSuomalainenFryskGaeilgeGàidhlig na
h-AlbaGalegoGuaraniकोंकणीગુજરાતીHausaŌlelo HawaiʻiHmoobHrvatskiKreyòl
ayisyenMagyarհայերենIlocanoÍslenskurItalianoעִברִית日本語Basa
jawaქართულიқазақខ្មែរಕನ್ನಡ한국인KrioKurdî
(Kurmancî)КыргызчаLatinusLëtzebuergeschLugandaLingalaພາສາລາວlietuviųMizolatviskiमैथिलीMalagasyMaoriмакедонскиമലയാളംМонголꯃꯦꯏꯇꯦꯏꯂꯣꯟमराठीMelayuMaltiမြန်မာ
(ဗမာ)၊नेपालीNorskSepediChichewaAfaan Oromooଓଡିଆ
(ଓଡିଆ)ਪੰਜਾਬੀPolskiپښتوRunasimiRomânăРусскийKinyarwandaसंस्कृतسنڌيසිංහලSlovenskýSlovenščinaSamoaShonaSoomaaliShqiptareСрпскиSenyesemaneSundaneseSvenskaKiswahiliதமிழ்తెలుగుтоҷикӣแบบไทยትግሪኛTürkmenceTsongaТатарئۇيغۇرукраїнськаاردوo'zbekisiXhosaיידישYoruba中國人Zulu