divmagic DivMagic

Ямар ч вэбсайтаас дизайныг хуулах

Нэг товшилтоор вэбсайтын аль ч элементийн кодыг хуулах боломжийг олгодог хөтчийн өргөтгөл

Ашигласан

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ бусад мянга мянган хөгжүүлэгчид!

Хөгжүүлэгчид ашигладаг

+4000 ХӨГЖҮҮЛЭГЧДИЙН ИТГЭЛТЭЙ
divmagic

Өөрийнхөө хөгжүүлэлтийн хугацааг эрс багасга

Ямар ч вэбсайтаас дурын элементийн кодыг аваарай

Та ямар ч вэбсайтаас ямар ч элементийн HTML/CSS кодыг авах боломжтой.
Нэг товшилтоор та ямар ч вэбсайт дээрх дурын элементийн кодыг хуулж болно.
Хэрэв та хүсвэл бүтэн хуудсыг нэг товшилтоор хуулж болно.

Media Query Дэмжлэг (Хариуцлагатай)

Та хуулж байгаа элементийнхээ медиа хайлтыг хуулж болно.

Энэ нь хуулсан хэв маягийг хариу үйлдэл үзүүлэх болно.

CSS-ийг Tailwind CSS болгон хөрвүүлэх

Та ямар ч CSS кодыг Tailwind CSS болгон хөрвүүлэх боломжтой.

Таны хуулж байгаа вэбсайт нь Tailwind CSS ашиглах шаардлагагүй.

DivMagic нь ямар ч CSS кодыг Tailwind CSS (өнгө хүртэл!) болгон хувиргах болно.

Iframes-ээр дамжуулан код хуулах

Та iframes-ээс код хуулж болно.

Зарим вэбсайтууд таныг хуулбарлахаас сэргийлж iframes-д агуулгыг байрлуулдаг. DivMagic нь iframes ашиглан код хуулах боломжтой.

DevTools Интеграци

DivMagic-ийг хөтөчийнхөө хөгжүүлэлтийн хэрэгслээс шууд ашиглаарай

Та өргөтгөлийг хэзээ ч нээхгүйгээр DivMagic-ийн хүчийг ашиглах боломжтой

Хөгжүүлэгчийн консол дотор байх зуураа вэб элементүүдийг дахин ашиглах боломжтой бүрэлдэхүүн хэсэг болгон хувиргаж, барьж аваарай.

Аливаа бүрэлдэхүүн хэсгийг React/JSX болгон хөрвүүлэх

Та ямар ч бүрэлдэхүүн хэсгийг JSX болгон хувиргаж болно.

Та React/JSX бүрэлдэхүүн хэсэг болгон хуулсан ямар ч хэсгийг авах боломжтой. Кодыг шалгах шаардлагагүй.

Вэбсайт React ашигладаггүй байсан ч гэсэн.

DivMagic Studio Интеграци

Та хуулсан элементээ DivMagic Studio руу экспортлох боломжтой.

Энэ нь элементийг засах, түүнд хялбар өөрчлөлт оруулах боломжийг танд олгоно.

Та бүрэлдэхүүн хэсгүүдээ DivMagic Studio-д хадгалж, хүссэн үедээ зочилж болно.

Гайхалтай вэб сайтуудыг хурдан бүтээхэд хэрэгтэй бүх хэрэгслүүд

Олон цаг зарцуулахгүйгээр хамгийн сайн загварыг аваарай

БАЙГУУЛЛАГЧ

Ямар ч вэбсайтаас дурын элементийн кодыг аваарай. DivMagic нь таны төслүүдэд ашиглах хамгийн авсаархан, цэвэр кодоор хангадаг.

ХӨВРҮҮЛЭГЧ

Аливаа бүрэлдэхүүн хэсгийг React/JSX болгон хөрвүүлэх. Та React/JSX бүрэлдэхүүн хэсэг болгон хуулсан ямар ч хэсгийг авах боломжтой. Вэб сайтын хүрээнээс үл хамааран.

TAILWIND CSS

CSS-ийг Tailwind CSS болгон хөрвүүлэх. DivMagic нь ямар ч CSS кодыг Tailwind CSS болгон хувиргах болно (бүр өнгө!). Таны хуулж байгаа вэбсайт нь Tailwind CSS ашиглах шаардлагагүй.

IFRAME ДЭМЖЛЭГ

iframes-аас код хуулах. Зарим вэбсайтууд таныг хуулбарлахаас сэргийлж iframes-д агуулгыг байрлуулдаг. DivMagic нь iframes ашиглан код хуулах боломжтой.

ХАРИУЦЛАГААТАЙ

Та хуулж байгаа элемент эсвэл хуудасныхаа медиа хайлтыг хуулж болно. Энэ нь хуулсан хэв маягийг хариу үйлдэл үзүүлэх болно.

DEVTOOLS INTEGRATION

DivMagic-ийг хөтөчийнхөө хөгжүүлэлтийн хэрэгслээс шууд ашиглаарай. Та өргөтгөлийг нээхгүйгээр DivMagic-ийн бүх функцэд хандах боломжтой.

Студио нэгтгэх

Та хуулсан элементийг DivMagic Studio руу экспортлох боломжтой - элементийг засварлах, өөрчлөхөд хялбар хүчирхэг онлайн засварлагч.

БҮТЭН ХУУДАС

Та нэг товшилтоор бүтэн хуудсыг хуулж болно.

WORDPRESS ИНТЕГРАЦИЯ

(УДАХГҮЙ) - Та хуулсан элементээ WordPress руу экспортлох боломжтой. Энэ нь хуулсан элементийг WordPress Editor дээр ашиглах боломжийг танд олгоно.

ҮСГИЙН ХОЛБОО

(УДАХГҮЙ) - Та вэбсайтаас фонт хуулж, төсөлдөө шууд ашиглах боломжтой.

ХЭРЭГСЛИЙН ХАЙРЦАГ

(УДАХГҮЙ) - Вэб хөгжүүлэхэд хэрэгтэй бүх хэрэгслийг нэг дороос. Шууд засвар, өнгө сонгогч, дибаглагч болон бусад.

Хөгжүүлэгчид
болон
дизайнеруудын
дуртай

“Гайхалтай! Энэ нь миний бүтээмжийг 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

Үнэ тогтоох

Бүх вэбсайт дээр ажилладаг

Chrome болон Firefox-д ашиглах боломжтой

Бүрэн буцаан олгох бодлого

+4000 хөгжүүлэгч ашигладаг

Зориулалтын, хурдан дэмжлэг
Тогтмол шинэчлэлт, шинэ боломжууд

Сар бүр

$16/сар

Орон нутгийн татвар эсвэл шаардлагатай бол НӨАТ ороогүй болно

  • Google Chrome-д ашиглах боломжтой (Brave, Edge гэх мэт Chromium-д суурилсан бүх хөтчүүдийг оруулаад)

  • Firefox-д ашиглах боломжтой

  • Хүссэн хэмжээгээрээ олон төхөөрөмж дээр ашиглаарай

  • DivMagic Studio интеграци

  • Ирээдүйн бүх шинэчлэлт, боломжуудыг багтаасан болно

  • Мөнгө буцааж өгөх баталгаа

Жил бүр

$96/жил

Орон нутгийн татвар эсвэл шаардлагатай бол НӨАТ ороогүй болно

  • Хадгалах - 6 сар үнэгүй

  • Google Chrome-д ашиглах боломжтой (Brave, Edge гэх мэт Chromium-д суурилсан бүх хөтчүүдийг оруулаад)

  • Firefox-д ашиглах боломжтой

  • Хүссэн хэмжээгээрээ олон төхөөрөмж дээр ашиглаарай

  • DivMagic Studio интеграци

  • Ирээдүйн бүх шинэчлэлт, боломжуудыг багтаасан болно

  • Мөнгө буцааж өгөх баталгаа

🎁

Хязгаарлагдмал хямдрал!!!

Нэг удаагийн төлбөр

Хамгийн алдартай
$300
$200

Орон нутгийн татвар эсвэл шаардлагатай бол НӨАТ ороогүй болно

  • Насан туршийн хандалт

  • Google Chrome-д ашиглах боломжтой (Brave, Edge гэх мэт Chromium-д суурилсан бүх хөтчүүдийг оруулаад)

  • Firefox-д ашиглах боломжтой

  • Хүссэн хэмжээгээрээ олон төхөөрөмж дээр ашиглаарай

  • DivMagic Studio интеграци

  • Ирээдүйн бүх шинэчлэлт, боломжуудыг багтаасан болно

  • Мөнгө буцааж өгөх баталгаа

Түгээмэл асуултууд

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 - Copy design from any website | Product Hunt

© 2024 DivMagic, Inc. Бүх эрх хуулиар хамгаалагдсан.