divmagic DivMagic

Zkopírujte design z libovolného webu

Rozšíření prohlížeče, které umožňuje kopírovat kód libovolného prvku webu jedním kliknutím

Použito uživatelem

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ stovky dalších vývojářů!

Používané vývojáři na

Výrazně zkraťte dobu vývoje

Rychlé a snadné

Kopírování stylu jedním kliknutím

Už neztrácejte čas přemýšlením o designu.

Zkopírujte vše jedním kliknutím během několika sekund. Dokonce i kompletní webové stránky.

Tailwind CSS

Převeďte jakoukoli komponentu na Tailwind CSS

Jakoukoli sekci, kterou zkopírujete, můžete získat jako komponentu CSS Tailwind (i když web nepoužívá CSS Tailwind)

Reagovat/JSX

Převeďte jakoukoli komponentu na JSX

Jakoukoli sekci, kterou zkopírujete, můžete získat jako komponentu React/JSX

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.

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

Ceny

Funguje na každém webu

K dispozici pro Chrome a Firefox

Úplné zásady vrácení peněz
Používá více než 1000 vývojářů
Věnovaná a rychlá podpora
Neustálé aktualizace a nové funkce

Měsíční

$16/Měsíc

Případně včetně místních daní nebo DPH

  • Dostupné pro Google Chrome (včetně všech prohlížečů založených na Chromiu, jako je Brave, Edge atd.)

  • K dispozici pro Firefox

  • Používejte na tolika zařízeních, kolik chcete

  • Zahrnuje všechny budoucí aktualizace a funkce

  • Záruka vrácení peněz

Roční

$96/rok

Případně včetně místních daní nebo DPH

  • Uložit - 6 měsíců zdarma

  • Dostupné pro Google Chrome (včetně všech prohlížečů založených na Chromiu, jako je Brave, Edge atd.)

  • K dispozici pro Firefox

  • Používejte na tolika zařízeních, kolik chcete

  • Zahrnuje všechny budoucí aktualizace a funkce

  • Záruka vrácení peněz

🎁 Omezená sleva

Jednorázová platba

Nejoblíbenější
$300
$200

Případně včetně místních daní nebo DPH

  • Doživotní přístup

  • Dostupné pro Google Chrome (včetně všech prohlížečů založených na Chromiu, jako je Brave, Edge atd.)

  • K dispozici pro Firefox

  • Používejte na tolika zařízeních, kolik chcete

  • Zahrnuje všechny budoucí aktualizace a funkce

  • Záruka vrácení peněz

Č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

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.

DivMagic - Copy design from any website | Product Hunt

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