divmagic DivMagic

Kopieer het ontwerp van elke website

Een browserextensie waarmee u met één klik code van elk website-element kunt kopiëren

Gebruikt door

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ duizenden andere ontwikkelaars!

Gebruikt door ontwikkelaars van

VERTROUWD DOOR +4000 ONTWIKKELAARS
divmagic

Verkort uw ontwikkeltijd aanzienlijk

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.

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

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

LETTERTYPE KOPIËREN

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

GEREEDSCHAPSKIST

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

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

Prijzen

Werkt op elke website

Beschikbaar voor Chrome en Firefox

Volledig terugbetalingsbeleid

Gebruikt door +4000 ontwikkelaars

Toegewijde en snelle ondersteuning
Constante updates en nieuwe functies

Maandelijks

$16/maand

Exclusief lokale belastingen of BTW indien van toepassing

  • Beschikbaar voor Google Chrome (inclusief alle Chromium-gebaseerde browsers zoals Brave, Edge, enz.)

  • Beschikbaar voor Firefox

  • Gebruik op zoveel apparaten als je wilt

  • DivMagic Studio-integratie

  • Bevat alle toekomstige updates en functies

  • Geldteruggarantie

Jaarlijks

$96/jaar

Exclusief lokale belastingen of BTW indien van toepassing

  • Redden - 6 maanden gratis

  • Beschikbaar voor Google Chrome (inclusief alle Chromium-gebaseerde browsers zoals Brave, Edge, enz.)

  • Beschikbaar voor Firefox

  • Gebruik op zoveel apparaten als je wilt

  • DivMagic Studio-integratie

  • Bevat alle toekomstige updates en functies

  • Geldteruggarantie

🎁

Beperkte korting!!!

Eenmalige betaling

Meest populair
$300
$200

Exclusief lokale belastingen of BTW indien van toepassing

  • Levenslange toegang

  • Beschikbaar voor Google Chrome (inclusief alle Chromium-gebaseerde browsers zoals Brave, Edge, enz.)

  • Beschikbaar voor Firefox

  • Gebruik op zoveel apparaten als je wilt

  • DivMagic Studio-integratie

  • Bevat alle toekomstige updates en functies

  • Geldteruggarantie

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

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.

DivMagic - Copy design from any website | Product Hunt

© 2024 DivMagic, Inc. Alle rechten voorbehouden.