divmagic DivMagic

Zkopírujte design z libovolného webu

Snadno zkopírujte kód libovolného prvku webu jedním kliknutím. Vyzkoušej to teď!

arrow
Ethan GloverKevin McGrewDaniroBryan BrooksMichael HoffmanVictor RheaBrianKurt Lekanger
Používáno +8000 vývojářů
DŮVĚRYHODNÉ OD +8000 VÝVOJÁŘŮ
divmagic
Rozšíření magického prohlížeče:
Ušetřete stovky hodin
Kompatibilní s Chrome a Firefoxem
+1 milion zkopírovaných prvků
Nejrychlejší podpora
Výběr barvy, kopírování písem a další integrované nástroje
Vytvořte si vlastní knihovnu komponent

Používáno +8000 vývojářů na:

Získejte kód libovolného prvku na libovolné webové stránce

Můžete získat HTML/CSS kód jakéhokoli prvku na libovolné webové stránce.
Jedním kliknutím můžete zkopírovat kód libovolného prvku na libovolné webové stránce.
Pokud chcete, můžete také kopírovat celé stránky jedním kliknutím.

Media Query Podpora (responzivní)

Můžete zkopírovat mediální dotaz prvku, který kopírujete.

Díky tomu bude zkopírovaný styl reagovat.

Převeďte CSS na CSS Tailwind

Jakýkoli kód CSS můžete převést na CSS Tailwind.

Web, ze kterého kopírujete, nemusí používat Tailwind CSS.

DivMagic převede jakýkoli kód CSS do CSS Tailwind (dokonce i barvy!)

Zkopírujte kód pomocí prvků iframe

Kód můžete zkopírovat z prvků iframe.

Některé webové stránky vkládají obsah do prvků iframe, aby vám zabránily v jeho kopírování. DivMagic umí kopírovat kód přes iframe.

DevTools Integrace

Používejte DivMagic přímo z vývojových nástrojů vašeho prohlížeče

Můžete získat přístup k výkonu DivMagic, aniž byste museli otevřít rozšíření

Transformujte a zachyťte webové prvky na opakovaně použitelné komponenty, a to vše při zachování vaší vývojářské konzole.

Převeďte jakoukoli komponentu na React/JSX

Libovolnou komponentu můžete převést na JSX.

Jakoukoli sekci, kterou zkopírujete, můžete získat jako komponentu React/JSX. Není třeba kontrolovat kód.

I když web nepoužívá React.

DivMagic Studio Integrace

Zkopírovaný prvek můžete exportovat do DivMagic Studio.

To vám umožní upravovat prvek a snadno v něm provádět změny.

Své komponenty si můžete uložit do DivMagic Studio a kdykoli je navštívit.

DivMagic Toolbox

Všechny nástroje, které budete pro vývoj webu potřebovat, na jednom místě.

Můžete kopírovat písma z webových stránek a přímo je používat ve svých projektech. Můžete zkopírovat barvy z libovolné webové stránky a přímo je použít ve svých projektech. Převeďte jakoukoli barvu do libovolného formátu. Přidejte mřížky.

A více...

Všechny nástroje, které potřebujete k rychlejšímu vytváření úžasných webových stránek

Získejte ten nejlepší design, aniž byste nad ním trávili hodiny

INSPEKTOR

Získejte kód libovolného prvku na libovolné webové stránce. DivMagic poskytuje nejkompaktnější a nejčistší kód, který můžete použít ve svých projektech.

KONVERTOR

Převeďte jakoukoli komponentu na React/JSX. Jakoukoli sekci, kterou zkopírujete, můžete získat jako komponentu React/JSX. Bez ohledu na framework webu.

CSS TAILWIND

Převeďte CSS na CSS Tailwind. DivMagic převede jakýkoli kód CSS do CSS Tailwind (dokonce i barvy!). Web, ze kterého kopírujete, nemusí používat Tailwind CSS.

PODPORA IFRAME

Zkopírujte kód z prvků iframe. Některé webové stránky vkládají obsah do prvků iframe, aby vám zabránily v jeho kopírování. DivMagic umí kopírovat kód přes iframe.

ODPOVÍDAJÍCÍ

Můžete zkopírovat mediální dotaz prvku nebo stránky, které kopírujete. Díky tomu bude zkopírovaný styl reagovat.

INTEGRACE DEVTOOLS

Používejte DivMagic přímo z vývojových nástrojů vašeho prohlížeče. Můžete přistupovat ke všem funkcím DivMagic, aniž byste museli vyskakovat rozšíření.

INTEGRACE STUDIA

Zkopírovaný prvek můžete exportovat do DivMagic Studia – výkonného online editoru pro úpravu prvku a snadné provádění změn v něm.

KOPIE CELÉ STRÁNKY

Můžete kopírovat celé stránky jedním kliknutím.

INTEGRACE WORDPRESS

Zkopírovaný prvek můžete exportovat do WordPressu (HTML do WordPressu Gutenberg). To vám umožní použít zkopírovaný prvek v editoru WordPress Gutenberg.

Více informací zde

NÁŘADÍ

Všechny nástroje, které budete pro vývoj webu potřebovat, na jednom místě. Živé úpravy, výběr barev, debugger a další.

KOPÍROVÁNÍ PÍSMA

Můžete kopírovat písma z webových stránek a přímo je používat ve svých projektech.

VÝBĚR BAREV

Barvy můžete zkopírovat z libovolného webu a přímo je použít ve svých projektech. Převeďte jakoukoli barvu do libovolného formátu.

Oblíbený
vývojáři
a
designéry

“Úžasný! Moje produktivita se tak zvýšila 1000x. Kopírování kódu Tailwind pro stávající obsah na internetu je tak snadné.”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

Neuvěřitelně užitečné! Není pochyb o tom, že velmi šetří čas!”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 Rozšíření pro Chrome pro převod prvků přímo do Tailwind CSS (včetně barev).”

testimonial author
Michael Hoffman
Senior Frontend Developer

Přesně to, co jsem hledal! Dobrá práce na tom, co zkouším.”

testimonial author
Will Bowman

Funguje skvěle! Výstup je velmi malý, takže jej lze velmi snadno upravit pro můj případ použití!”

Nichole Peterson

Přední vývojář MUSÍ!! Opravdu se mi líbilo, jak to hraje pěkně s Reactem a Tailwindem. Snadnost UI a UX je to, co mám nejraději.”

Steven J.

Vřele doporučuji, je to kouzlo!”

Javier

“Nyní mohu krást návrhy ještě snadněji! 🤭”

testimonial author
Ethan Glover
Application Engineer

“Skvělý nástroj, jeho hodnota je mnohem vyšší než jeho náklady.”

testimonial author
Bryan Brooks

DivMagic je poklad, prostě ten nejlepší nástroj, jak získat tuto část webové stránky a dokonale ji přivést k vám. Vyzkoušejte to, náklady, které se vám vrátí v čase ušetřeném za dny.”

testimonial author
Victor Rhea

“Skvělý placený nástroj, stojí za to!”

testimonial author
Daniro

Skvělý nástroj a obrovská úspora času. Pokud jste vývojář a chcete rychlý způsob, jak získat návrh uživatelského rozhraní, tento nástroj je skvělý.”

testimonial author
Martin Young

“Jsem rád, že to mám v prohlížeči”

testimonial author
Reza Hartana

“Skvělý nástroj, který vám ušetří spoustu času při vývoji.”

testimonial author
Jackie Chong

Funguje šíleně dobře – dokonce i s React + TailwindCSS. Velmi ohromený.”

testimonial author
J L

“Úžasný nástroj! Líbí se mi výkonné použití a snadnost práce. Pokud jste vývojář, nepřemýšlejte dvakrát a ujistěte se, že to získáte.

testimonial author
Giuliani Prosecutor

“Fantastický nástroj. Ve spojení s komponentami Tailwind si můžete snadno ušetřit hodiny během prvních 30 minut používání. Vyplatí se téměř okamžitě.”

testimonial author
Brendan OC

“V minulosti jsem testoval více než 3 podobné nástroje - DivMagic je jednoznačně jedním z nejlepších z hlediska kvality.

testimonial author
John Techozens

“Úžasný nástroj, pokud vytváříte webové stránky, víte, toto není žádná úvaha. Ušetřete spoustu hodin hraním se šablonami a úpravami css.”

testimonial author
Kevin McGrew

Super užitečný doplněk! Zaplaceno za celý produkt, protože mi šetří čas a námahu.

Torra Laq

Nástroj na rozdmýchávání mysli. Velmi užitečný nástroj pro vývojáře”

testimonial author
Talha Tonmoy

Vývoj Divmagic je skvělý.

Lewis

“Tento úžasný nástroj výrazně zkrátil čas, který strávím nad úkoly, a bez problémů zapadá do mé pracovní rutiny. Je to klíčový nástroj pro ty, kteří pracují v oblasti vývoje webových stránek. Technická podpora mi pomohla během několika hodin od mé žádosti. Impozantní.”

testimonial author
Vasttee Design

Nejlepší nástroj všech dob šetří spoustu času potřebuje vylepšit některá média reagující na JSX, jiná je velmi užitečná”

testimonial author
Azfar Masood
Zobrazit další reference

Ceny

Funguje na každém webu

K dispozici pro Chrome a Firefox

Úplné zásady vrácení peněz

Neustálé aktualizace a nové funkce

Věnovaná a rychlá podpora

Používáno +8000 vývojáři

"Vyplatí se téměř okamžitě"

Brendan – uživatel DivMagic

Zaručeně vám ušetří čas a peníze

  • Doživotní přístup
  • K dispozici pro Google Chrome
  • Všechny prohlížeče založené na Chromiu
  • K dispozici pro Firefox
  • Použití na 2 zařízeních
  • Integrace DivMagic Studio
  • Zahrnuje všechny budoucí aktualizace
  • Nejrychlejší podpora
  • Neomezené použití
  • Záruka vrácení peněz
🎁 Ušetřete 145 $ – sleva po omezenou dobu
$345
$200
Jednorázová platba - Zaplaťte jednou, používejte navždy
Získejte nyní

Měsíční

$16/Měsíc

Zahrnuty všechny funkce DivMagic
Kdykoli zrušit

Roční

$96/rok

Zahrnuty všechny funkce DivMagic
Kdykoli zrušit

"Klienti vždy přijdou s designem, který se jim líbí, a my ho můžeme snadno zkopírovat pomocí DivMagic. Pro naši agenturu rozhodně nezbytný nástroj. Ušetřil nám nespočet hodin!"

Andrew - DivMagic User & Agency Owner

Zaručeně zlepšíte produktivitu vašeho týmu

  • Střídejte členy týmu podle potřeby
  • Kdykoli zrušit
  • Knihovna týmových komponent
  • Integrace Team Studio (již brzy)

Týmový plán

$20/Měsíc

na člena týmu
Získejte týmový plán

Často kladené otázky

Co dělá DivMagic?

DivMagic vám umožňuje snadno kopírovat, převádět a používat webové prvky. Je to všestranný nástroj, který převádí HTML a CSS do několika formátů, včetně Inline CSS, External CSS, Local CSS a Tailwind CSS.

Můžete zkopírovat jakýkoli prvek z libovolného webu jako opakovaně použitelnou komponentu a vložit jej přímo do své kódové základny.

Jak to mám používat?

Nejprve nainstalujte rozšíření DivMagic. Přejděte na libovolný web a klikněte na ikonu rozšíření. Poté vyberte libovolný prvek na stránce. Kód – ve vámi zvoleném formátu – bude zkopírován a připraven k vložení do vašeho projektu.

Můžete se podívat na ukázkové video, abyste viděli, jak to funguje

Jaké jsou podporované prohlížeče?

Rozšíření můžete získat pro Chrome a Firefox.

Rozšíření Chrome funguje ve všech prohlížečích založených na Chromiu, jako je Brave a Edge.

Jaké jsou zásady vrácení peněz?

Pokud nejste spokojeni s DivMagic, pošlete nám e-mail do 30 dnů od nákupu a my vám vrátíme peníze, bez jakýchkoli otázek.

support@divmagic.com

Jak mohu upravit své předplatné?

Své předplatné můžete upravit na zákaznickém portálu.
Zákaznický portál

Funguje to na všech webech?

Ano. Zkopíruje jakýkoli prvek z libovolné webové stránky a převede jej do vámi zvoleného formátu. Můžete dokonce kopírovat prvky, které jsou chráněny prvkem iframe.

Web, který kopírujete, může být vytvořen s jakýmkoliv frameworkem, DivMagic bude fungovat na všech z nich.

I když jsou vzácné, některé prvky se nemusí dokonale kopírovat – pokud na nějaké narazíte, nahlaste nám je.

I když prvek není zkopírován správně, stále můžete použít zkopírovaný kód jako výchozí bod a provádět v něm změny.

Funguje konverze CSS Tailwind na všech webech?

Ano. Web, který kopírujete, může být vytvořen s jakýmkoliv frameworkem, DivMagic bude fungovat na všech z nich.

Web nemusí být vytvořen s Tailwind CSS, DivMagic převede CSS na Tailwind CSS za vás.

Jaká jsou omezení?

Největším omezením jsou weby, které používají JavaScript k úpravě zobrazení obsahu stránky. V takových případech nemusí být zkopírovaný kód správný. Pokud takový prvek najdete, nahlaste nám to.

I když prvek není zkopírován správně, stále můžete použít zkopírovaný kód jako výchozí bod a provádět v něm změny.

Jak často probíhá aktualizace DivMagic?

DivMagic je pravidelně aktualizován. Neustále přidáváme nové funkce a vylepšujeme ty stávající.

Aktualizaci vydáváme každé 1-2 týdny. Seznam všech aktualizací najdete v našem Changelogu.

Seznam změn

Co se stane s mým jednorázovým platebním účtem, když se DivMagic vypne?

Chceme se ujistit, že se při nákupu budete cítit bezpečně. Plánujeme tu být velmi dlouho, ale pokud se DivMagic někdy vypne, pošleme kód rozšíření všem uživatelům, kteří provedli jednorázovou platbu, což vám umožní používat jej offline po neomezenou dobu.

Chcete zůstat v obraze?
Připojte se k seznamu e-mailů DivMagic!

Buďte první, kdo se dozví o novinkách, nových funkcích a dalších!

Z odběru se můžete kdykoli odhlásit. Žádný spam.

© 2024 DivMagic, Inc. Všechna práva vyhrazena.