divmagic DivMagic

Kopier design fra enhver hjemmeside

En browserudvidelse, der lader dig kopiere koden til ethvert webstedselement med et enkelt klik

Brugt af

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ tusindvis af andre udviklere!

Bruges af udviklere på

TILLID AF +4000 UDVIKLER
divmagic

Reducer din udviklingstid markant

Få koden for ethvert element på ethvert websted

Du kan få HTML/CSS-koden for ethvert element på ethvert websted.
Med et enkelt klik kan du kopiere koden for ethvert element på ethvert websted.
Du kan også kopiere hele sider med et enkelt klik, hvis du vil.

Media Query Support (responsiv)

Du kan kopiere medieforespørgslen for det element, du kopierer.

Dette vil gøre den kopierede stil responsiv.

Konverter CSS til Tailwind CSS

Du kan konvertere enhver CSS-kode til Tailwind CSS.

Det websted, du kopierer fra, behøver ikke at bruge Tailwind CSS.

DivMagic vil konvertere enhver CSS-kode til Tailwind CSS (selv farver!)

Kopier kode gennem iframes

Du kan kopiere kode fra iframes.

Nogle websteder lægger indhold i iframes for at forhindre dig i at kopiere det. DivMagic kan kopiere kode gennem iframes.

DevTools Integration

Brug DivMagic direkte fra din browsers udviklingsværktøjer

Du kan få adgang til kraften i DivMagic uden nogensinde at dukke udvidelsen op

Transform og indfang webelementer til genbrugelige komponenter, alt imens du bliver i din udviklerkonsol.

Konverter enhver komponent til React/JSX

Du kan konvertere enhver komponent til JSX.

Du kan få enhver sektion, du kopierer, som en React/JSX-komponent. Ingen grund til at inspicere koden.

Også selvom hjemmesiden ikke bruger React.

DivMagic Studio Integration

Du kan eksportere det kopierede element til DivMagic Studio.

Dette giver dig mulighed for at redigere elementet og nemt foretage ændringer i det.

Du kan gemme dine komponenter i DivMagic Studio og besøge dem når som helst.

Alle de værktøjer, du skal bruge for at bygge fantastiske websteder hurtigere

Få det bedste design uden at bruge timer på det

INSPEKTØR

Få koden for ethvert element på ethvert websted. DivMagic giver den mest kompakte og rene kode, som du kan bruge i dine projekter.

KONVERTER

Konverter enhver komponent til React/JSX. Du kan få enhver sektion, du kopierer, som en React/JSX-komponent. Uanset hjemmesidens rammer.

MEDVIND CSS

Konverter CSS til Tailwind CSS. DivMagic vil konvertere enhver CSS-kode til Tailwind CSS (selv farver!). Det websted, du kopierer fra, behøver ikke at bruge Tailwind CSS.

IFRAME SUPPORT

Kopier kode fra iframes. Nogle websteder lægger indhold i iframes for at forhindre dig i at kopiere det. DivMagic kan kopiere kode gennem iframes.

LYDHØR

Du kan kopiere medieforespørgslen for det element eller den side, du kopierer. Dette vil gøre den kopierede stil responsiv.

DEVTOOLS INTEGRATION

Brug DivMagic direkte fra din browsers udviklingsværktøjer. Du kan få adgang til alle funktioner i DivMagic uden nogensinde at dukke udvidelsen op.

STUDIO INTEGRATION

Du kan eksportere det kopierede element til DivMagic Studio - en kraftfuld online editor til at redigere elementet og nemt foretage ændringer i det.

HELSIDEKOPI

Du kan kopiere hele sider med et enkelt klik.

WORDPRESS INTEGRATION

(KOMMER SNART) - Du kan eksportere det kopierede element til WordPress. Dette giver dig mulighed for at bruge det kopierede element i WordPress Editor.

FONT KOPIERING

(KOMMER SNART) - Du kan kopiere skrifttyper fra websteder og bruge dem direkte i dine projekter.

VÆRKTØJSKASSE

(KOMMER SNART) - Alle værktøjer, du skal bruge til webudvikling på ét sted. Live redigeringer, farvevælger, debugger og mere.

Elsket
af
udviklere
og
designere

“Fantastiske! Dette øgede min produktivitet med 1000x. Så let at kopiere Tailwind-kode til eksisterende ting på internettet.”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

Utrolig nyttig! Der er ingen tvivl om, at det er meget tidsbesparende!”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 En Chrome-udvidelse til at konvertere elementer direkte til Tailwind CSS (inklusive farver).”

testimonial author
Michael Hoffman
Senior Frontend Developer

Lige hvad jeg ledte efter! Fungerer godt på det, jeg prøver.”

testimonial author
Will Bowman

Fungerer godt! Outputtet er meget lille, hvilket gør det meget nemt at ændre til mit brug!”

Nichole Peterson

Front-end Dev MUST!! Jeg elskede virkelig, hvordan det spiller godt med React og Tailwind. Det nemme ved UI og UX er det, jeg bedst kan lide.”

Steven J.

“Jeg anbefaler det stærkt, det er magi!”

Javier

“Nu kan jeg stjæle designs endnu nemmere! 🤭”

testimonial author
Ethan Glover
Application Engineer

“Fantastisk værktøj, dets værdi er langt ud over dets omkostninger.”

testimonial author
Bryan Brooks

DivMagic er en skat, simpelthen det bedste værktøj til at få den del af en webside og bringe den perfekt til dig. Prøv det, de omkostninger, du vil vende tilbage til dig i tid sparet på dage.”

testimonial author
Victor Rhea

“Fantastisk betalt værktøj, pengene værd!”

testimonial author
Daniro

Fantastisk værktøj og enorm tidsbesparelse. Hvis du er en udvikler og ønsker en hurtig måde at få UI-design på, er dette værktøj fantastisk.”

testimonial author
Martin Young

“Dejligt at have det i min browser”

testimonial author
Reza Hartana

“Fantastisk værktøj, som vil spare dig for en masse tid i udviklingen.”

testimonial author
Jackie Chong

Fungerer sindssygt godt - Selv med React + TailwindCSS. Meget imponeret.”

testimonial author
J L

“Fantastisk værktøj! Jeg elsker den kraftfulde brug og lethed, den arbejder med. Hvis du er udvikler, så tænk ikke to gange, og sørg for at få det.

testimonial author
Giuliani Prosecutor

“Fantastisk værktøj. Parret med Tailwind-komponenter kan du nemt spare dig selv for timer inden for de første 30 minutters brug. Betaler sig næsten med det samme.”

testimonial author
Brendan OC

“Jeg har tidligere testet mere end 3 lignende værktøjer - DivMagic er let en af ​​de bedste med hensyn til kvalitet, langt.

testimonial author
John Techozens

“Fantastisk værktøj, hvis du bygger websteder, ved du, at dette er en no brainer. Sparrede tonsvis af timer med at rode med skabeloner og ændre css.”

testimonial author
Kevin McGrew

Prissætning

Virker på alle hjemmesider

Tilgængelig til Chrome og Firefox

Fuld tilbagebetalingspolitik

Brugt af +4000 udviklere

Dedikeret og hurtig support
Konstante opdateringer og nye funktioner

Månedlige

$16/måned

Eksklusiv lokale afgifter eller moms, hvis det er relevant

  • Tilgængelig til Google Chrome (inklusive alle Chromium-baserede browsere som Brave, Edge osv.)

  • Tilgængelig til Firefox

  • Brug på så mange enheder, som du vil

  • DivMagic Studio Integration

  • Indeholder alle fremtidige opdateringer og funktioner

  • Pengene-tilbage-garanti

Årligt

$96/år

Eksklusiv lokale afgifter eller moms, hvis det er relevant

  • Gemme - 6 måneder gratis

  • Tilgængelig til Google Chrome (inklusive alle Chromium-baserede browsere som Brave, Edge osv.)

  • Tilgængelig til Firefox

  • Brug på så mange enheder, som du vil

  • DivMagic Studio Integration

  • Indeholder alle fremtidige opdateringer og funktioner

  • Pengene-tilbage-garanti

🎁

Begrænset rabat!!!

Engangsbetaling

Mest populære
$300
$200

Eksklusiv lokale afgifter eller moms, hvis det er relevant

  • Livstidsadgang

  • Tilgængelig til Google Chrome (inklusive alle Chromium-baserede browsere som Brave, Edge osv.)

  • Tilgængelig til Firefox

  • Brug på så mange enheder, som du vil

  • DivMagic Studio Integration

  • Indeholder alle fremtidige opdateringer og funktioner

  • Pengene-tilbage-garanti

Ofte stillede spørgsmål

Hvad laver DivMagic?

DivMagic giver dig mulighed for nemt at kopiere, konvertere og bruge webelementer. Det er et alsidigt værktøj, der konverterer HTML og CSS til flere formater, herunder Inline CSS, External CSS, Local CSS og Tailwind CSS.

Du kan kopiere ethvert element fra ethvert websted som en genbrugelig komponent og indsætte det direkte i din kodebase.

Hvordan bruger jeg det?

Først skal du installere DivMagic-udvidelsen. Naviger til et hvilket som helst websted, og klik på udvidelsesikonet. Vælg derefter ethvert element på siden. Koden - i dit valgte format - vil blive kopieret og klar til at indsætte i dit projekt.

Du kan se demovideoen for at se, hvordan det virker

Hvad er de understøttede browsere?

Du kan få udvidelsen til Chrome og Firefox.

Chrome-udvidelsen fungerer på alle Chromium-baserede browsere som Brave og Edge.

Hvad er tilbagebetalingspolitikken?

Hvis du ikke er tilfreds med DivMagic, så send en e-mail til os inden for 30 dage efter dit køb, og vi refunderer dine penge uden spørgsmål.

support@divmagic.com

Hvordan ændrer jeg mit abonnement?

Du kan ændre dit abonnement ved at gå til kundeportalen.
Kundeportal

Virker det på alle hjemmesider?

Ja. Det vil kopiere ethvert element fra ethvert websted og konvertere det til dit valgte format. Du kan endda kopiere elementer, der er beskyttet af en iframe.

Den hjemmeside du kopierer kan bygges med ethvert framework, DivMagic vil arbejde på dem alle.

Selvom det er sjældent, kopierer visse elementer muligvis ikke perfekt - hvis du støder på nogen, bedes du rapportere dem til os.

Selvom elementet ikke er kopieret korrekt, kan du stadig bruge den kopierede kode som udgangspunkt og foretage ændringer i den.

Virker Tailwind CSS-konvertering på alle websteder?

Ja. Den hjemmeside du kopierer kan bygges med ethvert framework, DivMagic vil arbejde på dem alle.

Hjemmesiden behøver ikke at være bygget med Tailwind CSS, DivMagic vil konvertere CSS'en til Tailwind CSS for dig.

Hvad er begrænsningerne?

Den største begrænsning er websteder, der bruger JavaScript til at ændre sideindholdsvisningen. I sådanne tilfælde er den kopierede kode muligvis ikke korrekt. Hvis du finder et sådant element, bedes du rapportere det til os.

Selvom elementet ikke er kopieret korrekt, kan du stadig bruge den kopierede kode som udgangspunkt og foretage ændringer i den.

Hvor ofte er der en opdatering til DivMagic?

DivMagic opdateres jævnligt. Vi tilføjer konstant nye funktioner og forbedrer de eksisterende.

Vi udgiver en opdatering hver 1-2 uge. Se vores Changelog for en liste over alle opdateringer.

Ændringslog

Vil du holde dig opdateret?
Tilmeld dig DivMagic e-mail-listen!

Vær den første til at vide om nyheder, nye funktioner og meget mere!

Afmeld til enhver tid. Ingen spam.

DivMagic - Copy design from any website | Product Hunt

© 2024 DivMagic, Inc. Alle rettigheder forbeholdes.