divmagic Make design
SimpleNowLiveFunMatterSimple

Kopieren Sie das Design von einer beliebigen Website

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

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

Wird von über 9.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 platzieren Inhalte in Iframes, 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 eine beliebige 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.

Dadurch 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

INSPECTOR

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

RESPONSIVE

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.

VOLLSTÄNDIGE 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

TOOLBOX

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

SCHRIFTART KOPIEREN

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

FARBWAHL

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

Inspirierende Rezensionen:
Diejenigen, die sich mit DivMagic auf den Weg gemacht haben

Haben Sie Feedback oder ein Problem? Lassen Sie es uns über unsere Plattform wissen, wir kümmern uns um den Rest!

Möchten Sie auf dem Laufenden bleiben?

Treten Sie der DivMagic-E-Mail-Liste bei!

Social

Allgemeine Geschäftsbedingungen und Richtlinien

© 2024 DivMagic, Inc. Alle Rechte vorbehalten.