divmagic DivMagic

Kopieer het ontwerp van elke website

Kopieer eenvoudig code van elk website-element met één klik. Probeer het nu!

arrow
Ethan GloverKevin McGrewDaniroBryan BrooksMichael HoffmanVictor RheaBrianKurt Lekanger
Gebruikt door +8000 ontwikkelaars
VERTROUWD DOOR +8000 ONTWIKKELAARS
divmagic
Een magische browserextensie:
Bespaar honderden uren
Chrome- en Firefox-compatibel
+1 miljoen elementen gekopieerd
Snelste ondersteuning
Kleurkiezer, lettertype kopiëren en andere geïntegreerde tools
Creëer uw eigen componentenbibliotheek

Gebruikt door +8000 ontwikkelaars bij:

Haal de code op van elk element op elke website

U kunt de HTML/CSS-code van elk element op elke website verkrijgen.
Met één klik kunt u de code van elk element op elke website kopiëren.
Als u wilt, kunt u ook volledige pagina's met één klik kopiëren.

Media Query Ondersteuning (responsief)

U kunt de mediaquery kopiëren van het element dat u kopieert.

Hierdoor wordt de gekopieerde stijl responsief.

Converteer CSS naar Tailwind-CSS

U kunt elke CSS-code converteren naar Tailwind CSS.

De website waarvan u kopieert, hoeft geen Tailwind CSS te gebruiken.

DivMagic converteert elke CSS-code naar Tailwind CSS (zelfs kleuren!)

Kopieer code via iframes

U kunt code uit iframes kopiëren.

Sommige websites plaatsen inhoud in iframes om te voorkomen dat u deze kopieert. DivMagic kan code via iframes kopiëren.

DevTools Integratie

Gebruik DivMagic rechtstreeks vanuit de ontwikkeltools van uw browser

U hebt toegang tot de kracht van DivMagic zonder ooit de extensie te hoeven gebruiken

Transformeer en leg webelementen vast in herbruikbare componenten, allemaal terwijl u binnen uw ontwikkelaarsconsole blijft.

Converteer elk onderdeel naar React/JSX

U kunt elk onderdeel naar JSX converteren.

Je kunt elke sectie die je kopieert krijgen als een React/JSX-component. U hoeft de code niet te inspecteren.

Zelfs als de website React niet gebruikt.

DivMagic Studio Integratie

U kunt het gekopieerde element naar DivMagic Studio exporteren.

Hierdoor kunt u het element bewerken en er gemakkelijk wijzigingen in aanbrengen.

U kunt uw componenten opslaan in DivMagic Studio en ze op elk gewenst moment bezoeken.

DivMagic Toolbox

Alle tools die u nodig heeft voor webontwikkeling op één plek.

U kunt lettertypen van websites kopiëren en deze rechtstreeks in uw projecten gebruiken. U kunt kleuren van elke website kopiëren en deze rechtstreeks in uw projecten gebruiken. Converteer elke kleur naar elk formaat. Rasters toevoegen.

En meer...

Alle tools die u nodig heeft om sneller geweldige websites te bouwen

Krijg het beste ontwerp, zonder er uren aan te besteden

INSPECTEUR

Haal de code op van elk element op elke website. DivMagic biedt de meest compacte en overzichtelijke code die u in uw projecten kunt gebruiken.

OMVORMER

Converteer elk onderdeel naar React/JSX. Je kunt elke sectie die je kopieert krijgen als een React/JSX-component. Ongeacht het raamwerk van de website.

ACHTERWIND CSS

Converteer CSS naar Tailwind-CSS. DivMagic converteert elke CSS-code naar Tailwind CSS (zelfs kleuren!). De website waarvan u kopieert, hoeft geen Tailwind CSS te gebruiken.

IFRAME-ONDERSTEUNING

Kopieer code uit iframes. Sommige websites plaatsen inhoud in iframes om te voorkomen dat u deze kopieert. DivMagic kan code via iframes kopiëren.

SNEL REAGEREND

U kunt de mediaquery kopiëren van het element of de pagina die u kopieert. Hierdoor wordt de gekopieerde stijl responsief.

DEVTOOLS-INTEGRATIE

Gebruik DivMagic rechtstreeks vanuit de ontwikkeltools van uw browser. U hebt toegang tot alle functionaliteit van DivMagic zonder dat u ooit de extensie hoeft te openen.

STUDIO-INTEGRATIE

U kunt het gekopieerde element exporteren naar DivMagic Studio - een krachtige online editor waarmee u het element kunt bewerken en er eenvoudig wijzigingen in kunt aanbrengen.

VOLLEDIGE PAGINA KOPIE

Met één klik kunt u volledige pagina's kopiëren.

WORDPRESS INTEGRATIE

U kunt het gekopieerde element exporteren naar WordPress (HTML naar WordPress Gutenberg). Hierdoor kunt u het gekopieerde element in de WordPress Gutenberg Editor gebruiken.

Meer informatie hier

GEREEDSCHAPSKIST

Alle tools die u nodig heeft voor webontwikkeling op één plek. Live bewerkingen, kleurkiezer, debugger en meer.

LETTERTYPE KOPIËREN

U kunt lettertypen van websites kopiëren en deze rechtstreeks in uw projecten gebruiken.

KLEUR KIEZER

U kunt kleuren van elke website kopiëren en deze rechtstreeks in uw projecten gebruiken. Converteer elke kleur naar elk formaat.

Geliefd
bij
ontwikkelaars
en
ontwerpers

“Verbazingwekkend! Dit verhoogde mijn productiviteit met 1000x. Zo gemakkelijk om Tailwind-code te kopiëren voor bestaande dingen op internet.”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

Ongelooflijk nuttig! Het lijdt geen twijfel dat het zeer tijdbesparend is!”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 Een Chrome-extensie om elementen direct om te zetten naar Tailwind CSS (inclusief kleuren).”

testimonial author
Michael Hoffman
Senior Frontend Developer

Precies wat ik zocht! Werkt goed met wat ik probeer.”

testimonial author
Will Bowman

Werkt geweldig! De uitvoer is erg klein, waardoor het heel gemakkelijk aan te passen is voor mijn gebruiksscenario!”

Nichole Peterson

Front-end ontwikkelaar MOET!! Ik vond het geweldig hoe het goed speelt met React en Tailwind. Het gemak van UI en UX is wat ik het leukst vind.”

Steven J.

“Ik beveel het ten zeerste aan, het is magisch!”

Javier

“Nu kan ik nog gemakkelijker ontwerpen stelen! 🤭”

testimonial author
Ethan Glover
Application Engineer

“Geweldig hulpmiddel, de waarde ervan ligt ver boven de kosten.”

testimonial author
Bryan Brooks

DivMagic is een schat, eenvoudigweg het beste hulpmiddel om dat gedeelte van een webpagina te krijgen en het perfect naar u toe te brengen. Probeer het eens, de kosten die u binnen enkele dagen terugkrijgt, worden aan u terugbetaald.”

testimonial author
Victor Rhea

“Geweldig betaalde tool, het geld waard!”

testimonial author
Daniro

Geweldig hulpmiddel en enorme tijdbesparing. Als u een ontwikkelaar bent en een snelle manier wilt om UI-ontwerp te krijgen, is dit hulpmiddel geweldig.”

testimonial author
Martin Young

“Leuk om het in mijn browser te hebben”

testimonial author
Reza Hartana

“Geweldig hulpmiddel dat u veel tijd gaat besparen bij het ontwikkelen.”

testimonial author
Jackie Chong

Werkt waanzinnig goed - Zelfs met React + TailwindCSS. Erg onder de indruk.”

testimonial author
J L

“Geweldig hulpmiddel! Ik hou van het krachtige gebruik en het gemak waarmee het werkt. Als je een ontwikkelaar bent, denk dan niet twee keer na en zorg ervoor dat je het krijgt.

testimonial author
Giuliani Prosecutor

“Fantastisch hulpmiddel. In combinatie met Tailwind-componenten kunt u gemakkelijk uren besparen binnen de eerste 30 minuten van gebruik. Betaalt zichzelf vrijwel direct terug.”

testimonial author
Brendan OC

“Ik heb in het verleden meer dan 3 vergelijkbare tools getest - DivMagic behoort veruit tot de top op het gebied van kwaliteit.

testimonial author
John Techozens

“Geweldige tool, als je websites bouwt, weet je dat dit geen probleem is. Bespaarde tonnen uren met sjablonen knoeien en CSS aanpassen.”

testimonial author
Kevin McGrew

Super nuttige add-on! Ik heb voor het volledige product betaald omdat het mij tijd en moeite bespaart.

Torra Laq

Verbluffende tool. Zeer nuttig hulpmiddel voor ontwikkelaars”

testimonial author
Talha Tonmoy

Divmagic-ontwikkelaar is cool.

Lewis

“Dit geweldige hulpmiddel heeft de tijd die ik aan taken besteed aanzienlijk verminderd en past naadloos in mijn werkroutine. Het is een cruciaal hulpmiddel voor mensen die zich bezighouden met website-ontwikkeling. Technische ondersteuning heeft mij binnen enkele uren na mijn verzoek geholpen. Indrukwekkend.”

testimonial author
Vasttee Design

Beste tool ooit bespaart veel tijd moet sommige JSX-responsieve media verbeteren, andere zijn zeer nuttig”

testimonial author
Azfar Masood
Bekijk meer getuigenissen

Prijzen

Werkt op elke website

Beschikbaar voor Chrome en Firefox

Volledig terugbetalingsbeleid

Constante updates en nieuwe functies

Toegewijde en snelle ondersteuning

Gebruikt door +8000 ontwikkelaars

"Betaalt zichzelf vrijwel direct terug"

Brendan - DivMagic-gebruiker

Gegarandeerd dat u tijd en geld bespaart

  • Levenslange toegang
  • Beschikbaar voor Google Chrome
  • Alle Chromium-gebaseerde browsers
  • Beschikbaar voor Firefox
  • Gebruik op 2 apparaten
  • DivMagic Studio-integratie
  • Bevat alle toekomstige updates
  • Snelste ondersteuning
  • Onbeperkt gebruik
  • Geldteruggarantie
🎁 Bespaar $ 145 - Tijdelijke korting
$345
$200
Eenmalige betaling - Eén keer betalen, voor altijd gebruiken
Krijg nu

Maandelijks

$16/maand

Alle functies van DivMagic inbegrepen
Annuleer op elk gewenst moment

Jaarlijks

$96/jaar

Alle functies van DivMagic inbegrepen
Annuleer op elk gewenst moment

"Klanten komen altijd met een ontwerp dat ze leuk vinden en wij kunnen het eenvoudig kopiëren met DivMagic. Absoluut een must-have tool voor ons bureau. Heeft ons talloze uren bespaard!"

Andrew - DivMagic-gebruiker en eigenaar van het bureau

Gegarandeerd een verbetering van de productiviteit van uw team

  • Wissel teamleden af ​​als dat nodig is
  • Annuleer op elk gewenst moment
  • Bibliotheek met teamcomponenten
  • Team Studio-integratie (binnenkort beschikbaar)

Teamplan

$20/maand

per teamlid
Teamplan downloaden

Veel Gestelde Vragen

Wat doet DivMagic?

Met DivMagic kunt u webelementen eenvoudig kopiëren, converteren en gebruiken. Het is een veelzijdige tool die HTML en CSS naar verschillende formaten converteert, waaronder Inline CSS, Externe CSS, Lokale CSS en Tailwind CSS.

U kunt elk element van elke website kopiëren als een herbruikbaar onderdeel en dit rechtstreeks in uw codebase plakken.

Hoe gebruik ik het?

Installeer eerst de DivMagic-extensie. Navigeer naar een website en klik op het extensiepictogram. Selecteer vervolgens een element op de pagina. De code - in het door u geselecteerde formaat - wordt gekopieerd en is klaar om in uw project te plakken.

Je kunt de demovideo bekijken om te zien hoe het werkt

Wat zijn de ondersteunde browsers?

U kunt de extensie voor Chrome en Firefox verkrijgen.

De Chrome-extensie werkt op alle Chromium-gebaseerde browsers zoals Brave en Edge.

Wat is het restitutiebeleid?

Als u niet tevreden bent met DivMagic, stuur ons dan binnen 30 dagen na uw aankoop een e-mail en wij betalen uw geld terug, zonder vragen te stellen.

support@divmagic.com

Hoe wijzig ik mijn abonnement?

U kunt uw abonnement wijzigen door naar het klantenportaal te gaan.
Klantenportaal

Werkt het op alle websites?

Ja. Het kopieert elk element van elke website en converteert het naar het door u gekozen formaat. Je kunt zelfs elementen kopiëren die worden beschermd door een iframe.

De website die u kopieert kan met elk raamwerk worden gebouwd; DivMagic werkt op allemaal.

Hoewel zeldzaam, is het mogelijk dat bepaalde elementen niet perfect worden gekopieerd. Mocht u deze tegenkomen, meld deze dan aan ons.

Zelfs als het element niet correct is gekopieerd, kunt u de gekopieerde code nog steeds als uitgangspunt gebruiken en hierin wijzigingen aanbrengen.

Werkt Tailwind CSS-conversie op alle websites?

Ja. De website die u kopieert kan met elk raamwerk worden gebouwd; DivMagic werkt op allemaal.

De website hoeft niet met Tailwind CSS gebouwd te worden, DivMagic converteert de CSS voor u naar Tailwind CSS.

Wat zijn de beperkingen?

De grootste beperking zijn websites die JavaScript gebruiken om de weergave van pagina-inhoud te wijzigen. In dergelijke gevallen is de gekopieerde code mogelijk niet correct. Als u een dergelijk element vindt, meld dit dan aan ons.

Zelfs als het element niet correct is gekopieerd, kunt u de gekopieerde code nog steeds als uitgangspunt gebruiken en hierin wijzigingen aanbrengen.

Hoe vaak is er een update voor DivMagic?

DivMagic wordt regelmatig bijgewerkt. We voegen voortdurend nieuwe functies toe en verbeteren de bestaande.

We brengen elke 1-2 weken een update uit. Zie onze Changelog voor een lijst met alle updates.

Wijzigingslog

Wat gebeurt er met mijn eenmalige betaalrekening als DivMagic wordt afgesloten?

Wij willen ervoor zorgen dat u zich veilig voelt bij uw aankoop. We zijn van plan nog heel lang te blijven bestaan, maar als DivMagic ooit wordt afgesloten, sturen we de code van de extensie naar alle gebruikers die een eenmalige betaling hebben gedaan, zodat je hem voor onbepaalde tijd offline kunt gebruiken.

Wil je op de hoogte blijven?
Word lid van de DivMagic e-maillijst!

Wees als eerste op de hoogte van nieuws, nieuwe functies en meer!

U kunt zich op elk gewenst moment afmelden. Geen spam.

© 2024 DivMagic, Inc. Alle rechten voorbehouden.