divmagic DivMagic

Kopieren Sie das Design von einer beliebigen Website

Kopieren Sie den Code eines beliebigen Website-Elements ganz einfach mit einem Klick. Probieren Sie es jetzt!

arrow
Ethan GloverKevin McGrewDaniroBryan BrooksMichael HoffmanVictor RheaBrianKurt Lekanger
Wird von über 8.000 Entwicklern verwendet
ÜBER 8000 ENTWICKLER VERTRAUEN
divmagic
Eine magische Browser-Erweiterung:
Sparen Sie Hunderte von Stunden
Chrome- und Firefox-kompatibel
+1 Million Elemente kopiert
Schnellster Support
Farbauswahl, Kopieren von Schriftarten und andere integrierte Tools
Erstellen Sie Ihre eigene Komponentenbibliothek

Wird von über 8.000 Entwicklern verwendet unter:

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

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.

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

Sie können das kopierte Element nach WordPress exportieren (HTML nach WordPress Gutenberg). Dadurch können Sie das kopierte Element im WordPress Gutenberg Editor verwenden.

Weitere Informationen hier

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

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

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

testimonial author
Kurt Lekanger
journalist, code24

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

testimonial author
Michael Hoffman
Senior Frontend Developer

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

testimonial author
Will Bowman

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

Nichole Peterson

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.

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

Javier

“Jetzt kann ich Designs noch einfacher stehlen! 🤭”

testimonial author
Ethan Glover
Application Engineer

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

testimonial author
Bryan Brooks

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

testimonial author
Victor Rhea

“Tolles kostenpflichtiges Tool, das Geld wert!”

testimonial author
Daniro

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

testimonial author
Martin Young

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

testimonial author
Reza Hartana

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

testimonial author
Jackie Chong

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

testimonial author
J L

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

testimonial author
Giuliani Prosecutor

“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.”

testimonial author
Brendan OC

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

testimonial author
John Techozens

“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.”

testimonial author
Kevin McGrew

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

Torra Laq

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

testimonial author
Talha Tonmoy

Divmagic-Entwickler ist cool.

Lewis

“Dieses erstaunliche Tool hat die Zeit, die ich mit Aufgaben verbringe, erheblich verkürzt und fügt sich nahtlos in meinen Arbeitsalltag ein. Es ist ein entscheidendes Werkzeug für diejenigen, die im Bereich der Website-Entwicklung tätig sind. Der technische Support hat mir innerhalb weniger Stunden nach meiner Anfrage geholfen. Beeindruckend.”

testimonial author
Vasttee Design

Das beste Tool aller Zeiten spart viel Zeit. Einige responsive JSX-Medien müssen verbessert werden, andere sind sehr hilfreich”

testimonial author
Azfar Masood
Weitere Erfahrungsberichte anzeigen

Preisgestaltung

Funktioniert auf jeder Website

Verfügbar für Chrome und Firefox

Vollständige Rückerstattungsrichtlinie

Ständige Updates und neue Funktionen

Engagierter und schneller Support

Wird von +8000 Entwicklern verwendet

"Amortisiert sich fast sofort"

Brendan – DivMagic-Benutzer

Sparen Sie garantiert Zeit und Geld

  • Lebenslanger Zugriff
  • Verfügbar für Google Chrome
  • Alle Chromium-basierten Browser
  • Verfügbar für Firefox
  • Verwendung auf 2 Geräten
  • DivMagic Studio-Integration
  • Beinhaltet alle zukünftigen Updates
  • Schnellster Support
  • Unbegrenzte Nutzung
  • Geld-Zurück-Garantie
🎁 Sparen Sie 145 $ – Rabatt für eine begrenzte Zeit
$345
$200
Einmalige Zahlung – Einmal bezahlen, für immer nutzen
Holen Sie sich jetzt

Monatlich

$16/Monat

Alle Funktionen von DivMagic enthalten
Jederzeit kündbar

Jährlich

$96/Jahr

Alle Funktionen von DivMagic enthalten
Jederzeit kündbar

"Kunden bringen immer ein Design mit, das ihnen gefällt, und wir können es mit DivMagic problemlos kopieren. Auf jeden Fall ein Must-Have-Tool für unsere Agentur. Hat uns unzählige Stunden gespart!"

Andrew – DivMagic-Benutzer und Agenturinhaber

Garantiert eine Steigerung der Produktivität Ihres Teams

  • Tauschen Sie die Teammitglieder nach Bedarf aus
  • Jederzeit kündbar
  • Teamkomponentenbibliothek
  • Team Studio-Integration (bald verfügbar)

Teamplan

$20/Monat

pro Teammitglied
Holen Sie sich den Teamplan

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.

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

Was passiert mit meinem Einmalzahlungskonto, wenn DivMagic geschlossen wird?

Wir möchten sicherstellen, dass Sie sich bei Ihrem Kauf sicher fühlen. Wir planen, es noch sehr lange zu geben, aber wenn DivMagic jemals abgeschaltet wird, werden wir den Code der Erweiterung an alle Benutzer senden, die eine einmalige Zahlung geleistet haben, sodass Sie sie auf unbestimmte Zeit offline nutzen können.

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!

Abmelden ist jederzeit möglich. Kein Spam.

© 2024 DivMagic, Inc. Alle Rechte vorbehalten.