divmagic DivMagic

Kopioi suunnittelu miltä tahansa verkkosivustolta

Selainlaajennus, jonka avulla voit kopioida minkä tahansa verkkosivuston elementin koodin yhdellä napsautuksella

Käyttänyt

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ tuhannet muut kehittäjät!

Kehittäjien käytössä osoitteessa

+4000 KEHITTÄJÄN LUOTTAMAAN
divmagic

Vähennä kehitysaikaasi merkittävästi

Hanki minkä tahansa verkkosivuston minkä tahansa elementin koodi

Voit saada minkä tahansa verkkosivuston minkä tahansa elementin HTML/CSS-koodin.
Yhdellä napsautuksella voit kopioida minkä tahansa verkkosivuston minkä tahansa elementin koodin.
Voit myös kopioida kokonaisia ​​sivuja yhdellä napsautuksella, jos haluat.

Media Query Tuki (responsiivinen)

Voit kopioida kopioitavan elementin mediakyselyn.

Tämä tekee kopioidusta tyylistä responsiivisen.

Muunna CSS Tailwind CSS:ksi

Voit muuntaa minkä tahansa CSS-koodin Tailwind CSS:ksi.

Sivuston, jolta kopioit, ei tarvitse käyttää Tailwind CSS:ää.

DivMagic muuntaa minkä tahansa CSS-koodin Tailwind CSS:ksi (jopa värit!)

Kopioi koodi iframe-kehysten kautta

Voit kopioida koodin iframe-kehyksistä.

Jotkut verkkosivustot lisäävät sisältöä iframe-kehyksiin estääkseen sen kopioimisen. DivMagic voi kopioida koodia iframe-kehysten kautta.

DevTools Integrointi

Käytä DivMagicia suoraan selaimesi kehitystyökaluista

Voit käyttää DivMagicin tehoja ilman laajennusta

Muunna ja kaappaa verkkoelementtejä uudelleenkäytettäviksi komponenteiksi pysyen samalla kehittäjäkonsolissasi.

Muunna mikä tahansa komponentti React/JSX:ksi

Voit muuntaa minkä tahansa komponentin JSX:ksi.

Voit saada minkä tahansa kopioimasi osan React/JSX-komponenttina. Koodia ei tarvitse tarkistaa.

Vaikka sivusto ei käytä Reactia.

DivMagic Studio Integrointi

Voit viedä kopioidun elementin DivMagic Studioon.

Näin voit muokata elementtiä ja tehdä siihen muutoksia helposti.

Voit tallentaa komponentit DivMagic Studioon ja vierailla niissä milloin tahansa.

Kaikki työkalut, joita tarvitset lukeaksesi uskomattomia verkkosivustoja nopeammin

Hanki paras muotoilu kuluttamatta siihen tuntikausia

TARKASTAJA

Hanki minkä tahansa verkkosivuston minkä tahansa elementin koodi. DivMagic tarjoaa kompakteimman ja puhtaimman koodin, jota voit käyttää projekteissasi.

MUUNNIN

Muunna mikä tahansa komponentti React/JSX:ksi. Voit saada minkä tahansa kopioimasi osan React/JSX-komponenttina. Sivuston kehyksestä riippumatta.

TAILWIND CSS

Muunna CSS Tailwind CSS:ksi. DivMagic muuntaa minkä tahansa CSS-koodin Tailwind CSS:ksi (tasaiset värit!). Sivuston, josta kopioit, ei tarvitse käyttää Tailwind CSS:ää.

IFRAME-TUKI

Kopioi koodi iframe-kehyksestä. Jotkut verkkosivustot lisäävät sisältöä iframe-kehyksiin estääkseen sen kopioimisen. DivMagic voi kopioida koodia iframe-kehysten kautta.

RESPONSIIVINEN

Voit kopioida kopioitavan elementin tai sivun mediakyselyn. Tämä tekee kopioidusta tyylistä responsiivisen.

DEVTOOLS-INTEGRAATIO

Käytä DivMagicia suoraan selaimesi kehitystyökaluista. Voit käyttää kaikkia DivMagicin toimintoja ilman laajennusta.

STUDIO INTEGRAATIO

Voit viedä kopioidun elementin DivMagic Studioon – tehokkaaseen online-editoriin, jolla voit muokata elementtiä ja tehdä siihen muutoksia helposti.

KOKO SIVU KOPIO

Voit kopioida kokonaisia ​​sivuja yhdellä napsautuksella.

WORDPRESS-INTEGROINTI

(TULOSSA PIAN) - Voit viedä kopioidun elementin WordPressiin. Näin voit käyttää kopioitua elementtiä WordPress Editorissa.

FONTIN KOPIOINTI

(TULOSSA PIAN) - Voit kopioida kirjasimia verkkosivustoilta ja käyttää niitä suoraan projekteissasi.

TYÖKALULAATIKKO

(TULOSSA PIAN) – Kaikki verkkokehitykseen tarvitsemasi työkalut yhdessä paikassa. Live-muokkaukset, värinvalitsin, virheenkorjaus ja paljon muuta.

Kehittäjien
ja
suunnittelijoiden
rakastama

“Hämmästyttävä! Tämä lisäsi tuottavuuttani 1000-kertaiseksi. Niin helppo kopioida Tailwind-koodi olemassa olevaan Internetin materiaaliin.”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

Uskomattoman hyödyllinen! Ei ole epäilystäkään siitä, että se on erittäin aikaa säästävä!”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 Chrome-laajennus, joka muuntaa elementit suoraan Tailwind CSS:ksi (mukaan lukien värit).”

testimonial author
Michael Hoffman
Senior Frontend Developer

Juuri mitä etsin! Toimii hyvin siinä, mitä yritän.”

testimonial author
Will Bowman

Toimii loistavasti! Tulos on erittäin pieni, joten sitä on erittäin helppo muokata käyttötarkoitukseeni sopivaksi!”

Nichole Peterson

Etukehittäjä TÄYTYY!! Pidin todella siitä, kuinka se soittaa mukavasti Reactin ja Tailwindin kanssa. Käyttöliittymän ja UX:n helppous on se, mistä pidän eniten.”

Steven J.

Suosittelen sitä lämpimästi, se on taikuutta!”

Javier

“Nyt voin varastaa kuvioita entistä helpommin! 🤭”

testimonial author
Ethan Glover
Application Engineer

“Loistava työkalu, sen arvo on paljon enemmän kuin hintansa.”

testimonial author
Bryan Brooks

DivMagic on aarre, yksinkertaisesti paras työkalu, jolla saat verkkosivun kyseisen osan ja tuo se sinulle täydellisesti. Kokeile sitä, hinta, jonka saat takaisin ajassa, joka säästyy päivissä.”

testimonial author
Victor Rhea

“Loistava maksullinen työkalu, hintansa arvoinen!”

testimonial author
Daniro

Loistava työkalu ja valtava ajansäästö. Jos olet kehittäjä ja haluat nopean tavan saada käyttöliittymäsuunnittelua, tämä työkalu on loistava.”

testimonial author
Martin Young

“Hienoa, että se on selaimessani”

testimonial author
Reza Hartana

“Loistava työkalu, joka säästää paljon aikaa kehittämisessä.”

testimonial author
Jackie Chong

Toimii järjettömän hyvin – jopa React + TailwindCSS:n kanssa. Hyvin vaikuttunut.”

testimonial author
J L

“Hämmästyttävä työkalu! Pidän tehokkaasta käytöstä ja helppoudesta työskennellä. Jos olet kehittäjä, älä mieti kahdesti ja varmista, että hankit sen.

testimonial author
Giuliani Prosecutor

“Fantastinen työkalu. Yhdistettynä Tailwind-komponentteihin voit helposti säästää tunteja ensimmäisen 30 minuutin aikana. Maksaa itsensä takaisin lähes välittömästi.”

testimonial author
Brendan OC

“Olen testannut aiemmin yli kolmea samankaltaista työkalua - DivMagic on helposti yksi laadukkaimpia ylivoimaisesti.

testimonial author
John Techozens

“Loistava työkalu, jos luot verkkosivustoja, tiedät, että tämä on turhaa. Sästi tuntikausia malleja ja css:n muokkaamista.”

testimonial author
Kevin McGrew

Hinnoittelu

Toimii kaikilla verkkosivuilla

Saatavilla Chromelle ja Firefoxille

Täysi palautuskäytäntö

Käyttää +4000 kehittäjää

Omistettu ja nopea tuki
Jatkuvat päivitykset ja uudet ominaisuudet

Kuukausittain

$16/kuukausi

Ilman paikallisia veroja tai arvonlisäveroa tarvittaessa

  • Saatavilla Google Chromelle (mukaan lukien kaikki Chromium-pohjaiset selaimet, kuten Brave, Edge jne.)

  • Saatavilla Firefoxille

  • Käytä niin monessa laitteessa kuin haluat

  • DivMagic Studio -integrointi

  • Sisältää kaikki tulevat päivitykset ja ominaisuudet

  • Rahat takaisin takuu

Vuosittain

$96/vuosi

Ilman paikallisia veroja tai arvonlisäveroa tarvittaessa

  • Tallentaa - 6 kuukautta ilmaiseksi

  • Saatavilla Google Chromelle (mukaan lukien kaikki Chromium-pohjaiset selaimet, kuten Brave, Edge jne.)

  • Saatavilla Firefoxille

  • Käytä niin monessa laitteessa kuin haluat

  • DivMagic Studio -integrointi

  • Sisältää kaikki tulevat päivitykset ja ominaisuudet

  • Rahat takaisin takuu

🎁

Rajoitettu alennus!!!

Kertamaksu

Suosituin
$300
$200

Ilman paikallisia veroja tai arvonlisäveroa tarvittaessa

  • Elinikäinen pääsy

  • Saatavilla Google Chromelle (mukaan lukien kaikki Chromium-pohjaiset selaimet, kuten Brave, Edge jne.)

  • Saatavilla Firefoxille

  • Käytä niin monessa laitteessa kuin haluat

  • DivMagic Studio -integrointi

  • Sisältää kaikki tulevat päivitykset ja ominaisuudet

  • Rahat takaisin takuu

Usein Kysytyt Kysymykset

Mitä DivMagic tekee?

DivMagicin avulla voit kopioida, muuntaa ja käyttää verkkoelementtejä helposti. Se on monipuolinen työkalu, joka muuntaa HTML:n ja CSS:n useisiin muotoihin, mukaan lukien Inline CSS, External CSS, Local CSS ja Tailwind CSS.

Voit kopioida minkä tahansa elementin mistä tahansa verkkosivustosta uudelleen käytettäväksi komponentiksi ja liittää sen suoraan koodikantaasi.

Kuinka käytän sitä?

Asenna ensin DivMagic-laajennus. Siirry mille tahansa verkkosivustolle ja napsauta laajennuskuvaketta. Valitse sitten mikä tahansa elementti sivulla. Koodi - valitsemassasi muodossa - kopioidaan ja on valmis liitettäväksi projektiisi.

Voit katsoa demovideon nähdäksesi, kuinka se toimii

Mitkä ovat tuetut selaimet?

Voit hankkia laajennuksen Chromelle ja Firefoxille.

Chrome-laajennus toimii kaikissa Chromium-pohjaisissa selaimissa, kuten Brave ja Edge.

Mikä on palautuskäytäntö?

Jos et ole tyytyväinen DivMagiciin, lähetä meille sähköpostia 30 päivän kuluessa ostoksestasi, niin palautamme rahasi ilman kysymyksiä.

support@divmagic.com

Kuinka voin muokata tilaustani?

Voit muokata tilaustasi siirtymällä asiakasportaaliin.
Asiakasportaali

Toimiiko se kaikilla sivustoilla?

Joo. Se kopioi minkä tahansa elementin mistä tahansa verkkosivustosta ja muuntaa sen valitsemaasi muotoon. Voit jopa kopioida elementtejä, jotka on suojattu iframe-kehyksellä.

Kopioitava verkkosivusto voidaan rakentaa millä tahansa kehyksellä, DivMagic toimii niissä kaikissa.

Vaikka ne ovat harvinaisia, jotkin elementit eivät välttämättä kopioi täydellisesti – jos kohtaat sellaisia, ilmoita niistä meille.

Vaikka elementtiä ei kopioida oikein, voit silti käyttää kopioitua koodia lähtökohtana ja tehdä siihen muutoksia.

Toimiiko Tailwind CSS -muunnos kaikilla verkkosivustoilla?

Joo. Kopioitava verkkosivusto voidaan rakentaa millä tahansa kehyksellä, DivMagic toimii niissä kaikissa.

Sivustoa ei tarvitse rakentaa Tailwind CSS:llä, DivMagic muuntaa CSS:n Tailwind CSS:ksi puolestasi.

Mitkä ovat rajoitukset?

Suurin rajoitus ovat sivustot, jotka käyttävät JavaScriptiä sivun sisällön näyttämisen muokkaamiseen. Tällaisissa tapauksissa kopioitu koodi ei ehkä ole oikea. Jos löydät tällaisen elementin, ilmoita siitä meille.

Vaikka elementtiä ei kopioida oikein, voit silti käyttää kopioitua koodia lähtökohtana ja tehdä siihen muutoksia.

Kuinka usein DivMagicia päivitetään?

DivMagicia päivitetään säännöllisesti. Lisäämme jatkuvasti uusia ominaisuuksia ja parannamme olemassa olevia.

Julkaisemme päivityksen 1-2 viikon välein. Katso muutoslokistamme luettelo kaikista päivityksistä.

Muutosloki

Haluatko pysyä ajan tasalla?
Liity DivMagicin sähköpostilistalle!

Saat ensimmäisenä tiedon uutisista, uusista ominaisuuksista ja muusta!

Peruuta tilaus milloin tahansa. Ei roskapostia.

DivMagic - Copy design from any website | Product Hunt

© 2024 DivMagic, Inc. Kaikki oikeudet pidätetään.