divmagic DivMagic

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

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ Hunderte anderer Entwickler!

Wird von Entwicklern unter verwendet

Verkürzen Sie Ihre Entwicklungszeit erheblich

Schnell und einfach

Stilkopie mit einem Klick

Verschwenden Sie keine Zeit mehr damit, über Design nachzudenken.

Kopieren Sie alles mit einem Klick in Sekunden. Sogar komplette Websites.

Tailwind-CSS

Konvertieren Sie jede Komponente in Tailwind CSS

Sie können jeden Abschnitt, den Sie kopieren, als Tailwind-CSS-Komponente erhalten (auch wenn die Website kein Tailwind-CSS verwendet).

React/JSX

Konvertieren Sie jede Komponente in JSX

Sie können jeden Abschnitt, den Sie kopieren, als React/JSX-Komponente erhalten

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.

Von
Entwicklern
und
Designern
geliebt

Preisgestaltung

Funktioniert auf jeder Website

Verfügbar für Chrome und Firefox

Vollständige Rückerstattungsrichtlinie
Wird von über 1000 Entwicklern verwendet
Engagierter und schneller Support
Ständige Updates und neue Funktionen

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

  • Beinhaltet alle zukünftigen Updates und Funktionen

  • Geld-Zurück-Garantie

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

  • Beinhaltet alle zukünftigen Updates und Funktionen

  • Geld-Zurück-Garantie

🎁 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

  • Beinhaltet alle zukünftigen Updates und Funktionen

  • Geld-Zurück-Garantie

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

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.

DivMagic - Copy design from any website | Product Hunt

© 2023 DivMagic, Inc. Alle Rechte vorbehalten.