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

+ honderden andere ontwikkelaars!

Gebruikt door ontwikkelaars van

Verkort uw ontwikkeltijd aanzienlijk

Snel en gemakkelijk

Stijl kopiëren met één klik

Verspil geen tijd meer met nadenken over design.

Kopieer alles met één klik in enkele seconden. Zelfs complete websites.

Tailwind CSS

Converteer elk onderdeel naar Tailwind CSS

U kunt elke sectie die u kopieert als een Tailwind CSS-component krijgen (zelfs als de website geen Tailwind CSS gebruikt)

React/JSX

Converteer elk onderdeel naar JSX

Je kunt elke sectie die je kopieert krijgen als een React/JSX-component

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.

Geliefd
bij
ontwikkelaars
en
ontwerpers

Prijzen

Werkt op elke website

Beschikbaar voor Chrome en Firefox

Volledig terugbetalingsbeleid
Gebruikt door +1000 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

  • 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

  • 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

  • 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

© 2023 DivMagic, Inc. Alle rechten voorbehouden.