divmagic DivMagic

Дизайнды каалаган веб-сайттан көчүрүңүз

Бир чыкылдатуу менен веб-сайттын каалаган элементинин кодун оңой көчүрүңүз. Азыр байкап көрүңүз!

arrow
Ethan GloverKevin McGrewDaniroBryan BrooksMichael HoffmanVictor RheaBrianKurt Lekanger
+8000 иштеп чыгуучулар тарабынан колдонулат
+8000 ӨНДҮРҮҮЧҮЛӨР ИШЕНГЕН
divmagic
Сыйкырдуу браузер кеңейтүүсү:
Жүздөгөн сааттарды үнөмдөңүз
Chrome & Firefox шайкеш
+1 Миллион элементтер көчүрүлгөн
Эң ылдам колдоо
Түс тандагыч, шрифт көчүрүү жана башка интеграцияланган куралдар
Өзүңүздүн компоненттер китепканаңызды түзүңүз

+8000 иштеп чыгуучулар тарабынан колдонулат:

Каалаган веб-сайттан каалаган элементтин кодун алыңыз

Сиз каалаган веб-сайттан каалаган элементтин HTML/CSS кодун ала аласыз.
Бир чыкылдатуу менен сиз каалаган веб-сайттагы каалаган элементтин кодун көчүрө аласыз.
Кааласаңыз, бир чыкылдатуу менен толук барактарды көчүрө аласыз.

Media Query Колдоо (жооптуу)

Сиз көчүрүп жаткан элементтин медиа сурамын көчүрө аласыз.

Бул көчүрүлгөн стилди жооп берет.

CSSти Tailwind CSSке айландыруу

Сиз каалаган CSS кодун Tailwind CSSке алмаштыра аласыз.

Сиз көчүрүп жаткан веб-сайтка Tailwind CSS колдонуунун кереги жок.

DivMagic каалаган CSS кодун Tailwind CSS (ал тургай түстөр!)

Кодду iframes аркылуу көчүрүңүз

Кодду iframes'тен көчүрө аласыз.

Кээ бир веб-сайттар аны көчүрүүгө жол бербөө үчүн мазмунду iframe'ге коюшат. DivMagic кодду iframes аркылуу көчүрө алат.

DevTools Интеграция

Браузериңиздин иштеп чыгуу куралдарынан DivMagicти колдонуңуз

Сиз DivMagicтин күчүн кеңейтүүнү эч качан ачпастан колдоно аласыз

Иштеп чыгуучунун консолунда туруп, веб элементтерин кайра колдонууга боло турган компоненттерге айландырыңыз жана тартыңыз.

Каалаган компонентти React/JSXке айландырыңыз

Сиз каалаган компонентти JSXке алмаштыра аласыз.

Сиз React/JSX компоненти катары көчүрүлгөн каалаган бөлүмдү ала аласыз. Кодду текшерүүнүн кереги жок.

Вебсайт React колдонбосо да.

DivMagic Studio Интеграция

Сиз көчүрүлгөн элементти DivMagic Studio'го экспорттой аласыз.

Бул элементти оңдоого жана ага оңой өзгөртүүлөрдү киргизүүгө мүмкүндүк берет.

Компоненттериңизди DivMagic Studio'до сактап, аларга каалаган убакта кирсеңиз болот.

DivMagic Toolbox

Вебди иштеп чыгуу үчүн сизге керек болгон бардык куралдар бир жерде.

Сиз веб-сайттардан шрифттерди көчүрүп, аларды түздөн-түз долбоорлоруңузда колдоно аласыз. Сиз каалаган веб-сайттан түстөрдү көчүрүп, аларды долбоорлоруңузда түздөн-түз колдоно аласыз. Каалаган түстү каалаган форматка айландырыңыз. Торлорду кошуу.

Жана дагы...

Укмуштуу веб-сайттарды тезирээк куруу үчүн сизге керектүү бардык куралдар

Ага бир нече саат коротпостон эң мыкты дизайнга ээ болуңуз

ИНСПЕКТОР

Каалаган веб-сайттан каалаган элементтин кодун алыңыз. DivMagic долбоорлоруңузда колдонуу үчүн эң кыска жана таза кодду камсыз кылат.

КОНВЕРТОР

Каалаган компонентти React/JSXке айландырыңыз. Сиз React/JSX компоненти катары көчүрүлгөн каалаган бөлүмдү ала аласыз. Вебсайттын алкагына карабастан.

TAILWIND CSS

CSSти Tailwind CSSке айландыруу. DivMagic каалаган CSS кодун Tailwind CSSке (ал тургай түстөр!) айландырат. Сиз көчүрүп жаткан веб-сайтка Tailwind CSS колдонуунун кереги жок.

IFRAME КОЛДОО

Iframes'тен кодду көчүрүңүз. Кээ бир веб-сайттар аны көчүрүүгө жол бербөө үчүн мазмунду iframe'ге коюшат. DivMagic кодду iframes аркылуу көчүрө алат.

ЖООПТУУ

Сиз көчүрүп жаткан элементтин же барактын медиа сурамдарын көчүрө аласыз. Бул көчүрүлгөн стилди жооп берет.

DEVTOOLS INTEGRATION

Браузериңиздин иштеп чыгуу куралдарынан DivMagicти колдонуңуз. Сиз DivMagicтин бардык функцияларына кеңейтүүнү ачпастан эле кире аласыз.

СТУДИЯ ИНТЕГРАЦИЯСЫ

Сиз көчүрүлгөн элементти DivMagic Studio'го экспорттой аласыз - элементти түзөтүп, ага оңой өзгөртүүлөрдү киргизүү үчүн күчтүү онлайн редактор.

ТОЛУК БЕТ КӨЧҮРМӨСҮ

Сиз бир чыкылдатуу менен толук барактарды көчүрө аласыз.

WORDPRESS ИНТЕГРАЦИЯСЫ

Сиз көчүрүлгөн элементти WordPressке экспорттой аласыз (HTML to WordPress Gutenberg). Бул WordPress Гутенберг редакторунда көчүрүлгөн элементти колдонууга мүмкүндүк берет.

Көбүрөөк маалымат бул жерде

КУРАЛДАР ЖОК

Вебди иштеп чыгуу үчүн сизге керек болгон бардык куралдар бир жерде. Түз түзөтүүлөр, түс тандагыч, мүчүлүштүктөрдү оңдоочу жана башкалар.

Шрифттерди көчүрүү

Сиз веб-сайттардан шрифттерди көчүрүп, аларды түздөн-түз долбоорлоруңузда колдоно аласыз.

ТҮС ТАНДООЧУ

Сиз каалаган веб-сайттан түстөрдү көчүрүп, аларды түздөн-түз долбоорлоруңузда колдоно аласыз. Каалаган түстү каалаган форматка айландырыңыз.

Иштеп
чыгуучулар
жана
дизайнерлер
сүйгөн

“Укмуш! Бул менин өндүрүмдүүлүгүмдү 1000 эсеге жогорулатты. Интернеттеги бар нерселер үчүн Tailwind кодун көчүрүү ушунчалык оңой.”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

Укмуштуудай пайдалуу! Бул абдан убакытты үнөмдөөгө эч кандай шек жок!”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 Элементтерди түздөн-түз Tailwind CSS (анын ичинде түстөр) айландыруу үчүн Chrome кеңейтүүсү.”

testimonial author
Michael Hoffman
Senior Frontend Developer

Мен издеп жүргөн нерсе! Мен аракет кылган нерсемдин үстүндө жакшы иштеп жатам.”

testimonial author
Will Bowman

Эң сонун иштейт! Чыгаруусу өтө кичинекей, бул менин колдонуу учурум үчүн өзгөртүүнү абдан жеңилдетет!”

Nichole Peterson

Front-end Dev MUST!! Мага анын React жана Tailwind менен жакшы ойногону абдан жакты. UI жана UXтин оңойлугу мага эң жагат.”

Steven J.

“Мен өтө сунуштайм, бул сыйкыр!”

Javier

“Эми мен дизайнды дагы оңой уурдай алам! 🤭”

testimonial author
Ethan Glover
Application Engineer

“Мыкты курал, анын баасы баасынан алда канча жогору.”

testimonial author
Bryan Brooks

DivMagic - бул кенч, жөн гана веб-баракчанын ошол бөлүмүн алуу жана аны сизге жеткилең түрдө жеткирүү үчүн эң мыкты курал. Аны байкап көрүңүз, баасы бир нече күндө үнөмдөлгөн убакыттын ичинде сизге кайтып келет.”

testimonial author
Victor Rhea

“Мыкты акы төлөнүүчү курал, акчага татыктуу!”

testimonial author
Daniro

Эң сонун курал жана чоң убакытты үнөмдөөчү. Эгер сиз иштеп чыгуучу болсоңуз жана UI дизайнын алуунун тез жолун кааласаңыз, бул курал сонун.”

testimonial author
Martin Young

“Менин браузерде болгону жакшы”

testimonial author
Reza Hartana

“Иштеп чыгууда көп убакытты үнөмдөй турган сонун курал.”

testimonial author
Jackie Chong

Эң жакшы иштейт - React + TailwindCSS менен да. Абдан таасирлендим.”

testimonial author
J L

“Укмуш курал! Мен күчтүү колдонууну жакшы көрөм жана аны менен иштөө оңой. Эгер сиз иштеп чыгуучу болсоңуз, эки жолу ойлонбоңуз жана аны алууну унутпаңыз.

testimonial author
Giuliani Prosecutor

“Фантастикалык курал. Tailwind компоненттери менен жупташкан колдонуунун алгачкы 30 мүнөтүнүн ичинде саатыңызды оңой үнөмдөй аласыз. Өзүн дээрлик дароо төлөйт.”

testimonial author
Brendan OC

“Мен буга чейин 3төн ашык окшош куралдарды сынап көрдүм - DivMagic сапаты жагынан эң алдыңкылардын бири.

testimonial author
John Techozens

“Укмуштуудай курал, эгер сиз веб-сайттарды курсаңыз, анда бул акылга сыярлык эмес. Тондогон сааттар шаблондор менен баш аламандык жана css өзгөртүү.”

testimonial author
Kevin McGrew

Супер пайдалуу кошумча! Толук продукт үчүн төлөндү, анткени ал убакытты жана күчүмдү үнөмдөйт.

Torra Laq

Акылга толтуруучу курал. Иштеп чыгуучулар үчүн абдан пайдалуу курал”

testimonial author
Talha Tonmoy

Divmagic иштеп чыгуусу сонун.

Lewis

“Бул укмуштуудай курал менин тапшырмаларды аткарууга сарптаган убактымды бир топ кыскартты жана жумуш тартибиме кынтыксыз дал келет. Бул веб-сайтты иштеп чыгуу тармагындагылар үчүн өтө маанилүү курал. Техникалык колдоо кызматы мага өтүнүчүмдөн бир нече сааттын ичинде жардам берди. таасирдүү.”

testimonial author
Vasttee Design

Эң мыкты курал көп убакытты үнөмдөйт кээ бир JSX жооп берүүчү медианы өркүндөтүшү керек, башкалары абдан жардам берет”

testimonial author
Azfar Masood
Дагы күбөлүктөрдү көрүңүз

Баа коюу

Ар бир сайтта иштейт

Chrome жана Firefox үчүн жеткиликтүү

Толук кайтаруу саясаты

Дайыма жаңыртуулар жана жаңы функциялар

Атайын жана тез колдоо

+8000 иштеп чыгуучулар тарабынан колдонулат

"Өзүн дээрлик дароо төлөйт"

Брендан - DivMagic колдонуучусу

Убакытты жана акчаңызды үнөмдөөгө кепилдик берилет

  • Өмүр бою кирүү
  • Google Chrome үчүн жеткиликтүү
  • Бардык Chromium негизделген браузерлер
  • Firefox үчүн жеткиликтүү
  • 2 түзмөктө колдонуңуз
  • DivMagic Studio интеграциясы
  • Бардык келечектеги жаңыртууларды камтыйт
  • Эң ылдам колдоо
  • Чексиз колдонуу
  • Акчаны кайтаруу кепилдиги
🎁 $145 үнөмдөңүз - Чектелген убакытка арзандатуу
$345
$200
Бир жолку төлөм - бир жолу төлөө, түбөлүккө колдонуу
Азыр алыңыз

Ай сайын

$16/ай

DivMagic бардык өзгөчөлүктөрү камтылган
Каалаган убакта жокко чыгарыңыз

Жыл сайын

$96/жыл

DivMagic бардык өзгөчөлүктөрү камтылган
Каалаган убакта жокко чыгарыңыз

"Кардарлар ар дайым өздөрүнө жаккан дизайн менен келишет жана биз аны DivMagic менен оңой көчүрө алабыз. Албетте, биздин агенттик үчүн керек болгон курал. Бизди сансыз сааттар куткарды!"

Эндрю - DivMagic колдонуучусу жана агенттигинин ээси

Сиздин командаңыздын өндүрүмдүүлүгүн жогорулатууга кепилдик берилет

  • Керектүү учурда команда мүчөлөрүн алмаштырыңыз
  • Каалаган убакта жокко чыгарыңыз
  • Команда компоненттеринин китепканасы
  • Team Studio интеграциясы (жакында)

Команда планы

$20/ай

команданын мүчөсүнө
Команда планын алыңыз

Көп берилүүчү суроолор

DivMagic эмне кылат?

DivMagic сизге желе элементтерин оңой көчүрүүгө, конвертациялоого жана колдонууга мүмкүндүк берет. Бул HTML жана CSSти бир нече форматтарга, анын ичинде Inline CSS, External CSS, Local CSS жана Tailwind CSS түрүнө айландыруучу ар тараптуу курал.

Каалаган веб-сайттан каалаган элементти кайра колдонууга боло турган компонент катары көчүрүп, аны түздөн-түз код базасына чаптасаңыз болот.

Мен аны кантип колдоном?

Биринчиден, DivMagic кеңейтүүсүн орнотуңуз. Каалаган веб-сайтка өтүп, кеңейтүү сөлөкөтүн чыкылдатыңыз. Андан кийин, беттеги каалаган элементти тандаңыз. Код - сиз тандаган форматта - көчүрүлүп, долбооруңузга чаптоого даяр.

Анын кантип иштээрин көрүү үчүн демо видеону көрө аласыз

Колдоого алынган браузерлер кайсылар?

Сиз Chrome жана Firefox үчүн кеңейтүүнү ала аласыз.

Chrome кеңейтүүсү Brave жана Edge сыяктуу бардык Chromium негизделген браузерлерде иштейт.

Төлөмдү кайтаруу саясаты кандай?

Эгерде сизди DivMagic канааттандырбаса, сатып алгандан кийин 30 күндүн ичинде бизге электрондук кат жөнөтүңүз, биз акчаңызды кайтарып беребиз, эч кандай суроолор берилбейт.

support@divmagic.com

Жазылуумду кантип өзгөртө алам?

Сиз кардар порталына барып, жазылууңузду өзгөртө аласыз.
Кардар порталы

Ал бардык веб-сайттарда иштейби?

Ооба. Ал каалаган веб-сайттан каалаган элементти көчүрүп, аны сиз тандаган форматка которот. Сиз атүгүл iframe менен корголгон элементтерди көчүрө аласыз.

Сиз көчүрүп жаткан веб-сайтты каалаган алкак менен курууга болот, DivMagic алардын бардыгында иштейт.

Сейрек болсо да, кээ бир элементтер кемчиликсиз көчүрүлбөй калышы мүмкүн - эгер кандайдыр бир нерсеге туш болсоңуз, аларды бизге кабарлаңыз.

Элемент туура көчүрүлбөсө дагы, сиз көчүрүлгөн кодду баштапкы чекит катары колдонуп, ага өзгөртүүлөрдү киргизе аласыз.

Tailwind CSS конверсиясы бардык веб-сайттарда иштейби?

Ооба. Сиз көчүрүп жаткан веб-сайтты каалаган алкак менен курууга болот, DivMagic алардын бардыгында иштейт.

Веб-сайтты Tailwind CSS менен куруунун кереги жок, DivMagic сиз үчүн CSSти Tailwind CSSке айлантат.

Кандай чектөөлөр бар?

Эң чоң чектөө - барактын мазмунун көрсөтүүнү өзгөртүү үчүн JavaScript колдонгон веб-сайттар. Мындай учурларда, көчүрүлгөн код туура эмес болушу мүмкүн. Эгер ушундай элементти тапсаңыз, бизге кабарлаңыз.

Элемент туура көчүрүлбөсө дагы, сиз көчүрүлгөн кодду баштапкы чекит катары колдонуп, ага өзгөртүүлөрдү киргизе аласыз.

DivMagic үчүн жаңыртуу канчалык көп болот?

DivMagic үзгүлтүксүз жаңыртылып турат. Биз тынымсыз жаңы функцияларды кошуп, учурдагыларды жакшыртабыз.

Биз жаңыртууну 1-2 жума сайын чыгарабыз. Бардык жаңыртуулардын тизмеси үчүн биздин өзгөртүүлөр журналын караңыз.

Өзгөртүү журналы

DivMagic иштебей калса, менин бир жолку төлөм эсебим эмне болот?

Сатып алууда өзүңүздү коопсуз сезгиңиз келет. Биз абдан узак убакыт бою болууну пландап жатабыз, бирок DivMagic качандыр бир өчүп калса, кеңейтүүнүн кодун бир жолку төлөм жасаган бардык колдонуучуларга жөнөтөбүз, бул сизге аны оффлайн режиминде чексиз колдонууга мүмкүндүк берет.

күнгө чейин болгубуз келет?
DivMagic электрондук почта тизмесине кошулуңуз!

Жаңылыктар, жаңы функциялар жана башкалар жөнүндө биринчилерден болуп билиңиз!

Каалаган убакта жазылууну токтотуңуз. Спам жок.

© 2024 DivMagic, Inc. Бардык укуктар корголгон.