divmagic DivMagic

Скопируйте дизайн с любого сайта

Расширение для браузера, позволяющее копировать код любого элемента сайта одним щелчком мыши.

Использован

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ сотни других разработчиков!

Используется разработчиками на

Значительно сократите время разработки

Быстро и легко

Копирование стиля одним щелчком мыши

Больше не тратьте время на размышления о дизайне.

Скопируйте все одним щелчком мыши за считанные секунды. Даже полноценные веб-сайты.

CSS Tailwind

Преобразование любого компонента в CSS Tailwind

Вы можете получить любой раздел, который вы скопируете, как компонент Tailwind CSS (даже если веб-сайт не использует Tailwind CSS).

React/JSX

Конвертируйте любой компонент в JSX

Вы можете получить любой раздел, который вы копируете, как компонент React/JSX.

Получите код любого элемента на любом сайте

Вы можете получить HTML/CSS-код любого элемента на любом веб-сайте.

Одним щелчком мыши вы можете скопировать код любого элемента на любом сайте.

Вы также можете скопировать целые страницы одним щелчком мыши, если хотите.

Media Query Поддержка (адаптивный)

Вы можете скопировать медиа-запрос копируемого элемента.

Это сделает скопированный стиль адаптивным.

Преобразование CSS в CSS Tailwind

Вы можете преобразовать любой код CSS в CSS Tailwind.

Веб-сайт, с которого вы копируете, не должен использовать Tailwind CSS.

DivMagic преобразует любой CSS-код в Tailwind CSS (даже цвета!)

Скопировать код через iframe

Вы можете скопировать код из iframe.

Некоторые веб-сайты помещают контент в iframe, чтобы вы не могли его скопировать. DivMagic может копировать код через iframe.

DevTools Интеграция

Используйте DivMagic прямо из инструментов разработки вашего браузера.

Вы можете получить доступ к возможностям DivMagic, даже не открывая расширение.

Преобразуйте и сохраняйте веб-элементы в компоненты многократного использования, не выходя при этом из консоли разработчика.

Преобразование любого компонента в React/JSX

Вы можете конвертировать любой компонент в JSX.

Вы можете получить любой раздел, который скопируете, как компонент React/JSX. Код проверять не нужно.

Даже если сайт не использует React.

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

Вы можете экспортировать скопированный элемент в DivMagic Studio.

Это позволит вам легко редактировать элемент и вносить в него изменения.

Вы можете сохранить свои компоненты в DivMagic Studio и посещать их в любое время.

Полюбился
разработчикам
и
дизайнерам

Цены

Работает на каждом сайте

Доступно для Chrome и Firefox

Политика полного возврата
Используется более 1000 разработчиками
Выделенная и быстрая поддержка
Постоянные обновления и новые функции

Ежемесячно

$16/месяц

Без учета местных налогов и НДС, если применимо.

  • Доступно для Google Chrome (включая все браузеры на базе Chromium, такие как Brave, Edge и т. д.).

  • Доступно для Firefox

  • Используйте на любом количестве устройств

  • Включает все будущие обновления и функции.

  • Гарантия возврата денег

Ежегодно

$96/год

Без учета местных налогов и НДС, если применимо.

  • Сохранять - 6 месяцев бесплатно

  • Доступно для Google Chrome (включая все браузеры на базе Chromium, такие как Brave, Edge и т. д.).

  • Доступно для Firefox

  • Используйте на любом количестве устройств

  • Включает все будущие обновления и функции.

  • Гарантия возврата денег

🎁 Ограниченная скидка

Одноразовый платеж

Самый популярный
$300
$200

Без учета местных налогов и НДС, если применимо.

  • Пожизненный доступ

  • Доступно для Google Chrome (включая все браузеры на базе Chromium, такие как Brave, Edge и т. д.).

  • Доступно для Firefox

  • Используйте на любом количестве устройств

  • Включает все будущие обновления и функции.

  • Гарантия возврата денег

Часто задаваемые вопросы

Что делает DivMagic?

DivMagic позволяет с легкостью копировать, конвертировать и использовать веб-элементы. Это универсальный инструмент, который конвертирует HTML и CSS в несколько форматов, включая встроенный CSS, внешний CSS, локальный CSS и Tailwind CSS.

Вы можете скопировать любой элемент с любого веб-сайта как компонент многократного использования и вставить его непосредственно в свою кодовую базу.

Как мне его использовать?

Сначала установите расширение DivMagic. Перейдите на любой веб-сайт и щелкните значок расширения. Затем выберите любой элемент на странице. Код в выбранном вами формате будет скопирован и готов для вставки в ваш проект.

Вы можете посмотреть демонстрационное видео, чтобы увидеть, как это работает.

Какие браузеры поддерживаются?

Вы можете получить расширение для Chrome и Firefox.

Расширение Chrome работает во всех браузерах на базе Chromium, таких как Brave и Edge.

Какова политика возврата?

Если вы не удовлетворены DivMagic, отправьте нам электронное письмо в течение 30 дней с момента покупки, и мы вернем вам деньги без каких-либо вопросов.

support@divmagic.com

Как мне изменить свою подписку?

Вы можете изменить свою подписку, перейдя на клиентский портал.
Клиентский портал

Это работает на всех сайтах?

Да. Он скопирует любой элемент с любого веб-сайта, преобразуя его в выбранный вами формат. Вы даже можете копировать элементы, защищенные iframe.

Веб-сайт, который вы копируете, может быть создан на любой платформе, DivMagic будет работать на всех из них.

Некоторые элементы встречаются редко, но могут копироваться не идеально. Если вы обнаружите такие элементы, сообщите нам о них.

Даже если элемент скопирован неправильно, вы все равно можете использовать скопированный код в качестве отправной точки и вносить в него изменения.

Работает ли преобразование CSS Tailwind на всех веб-сайтах?

Да. Веб-сайт, который вы копируете, может быть создан на любой платформе, DivMagic будет работать на всех из них.

Веб-сайт не обязательно должен быть создан с использованием Tailwind CSS: DivMagic преобразует CSS в Tailwind CSS за вас.

Каковы ограничения?

Самым большим ограничением являются веб-сайты, которые используют JavaScript для изменения отображения содержимого страницы. В таких случаях скопированный код может быть неправильным. Если вы обнаружите такой элемент, пожалуйста, сообщите нам об этом.

Даже если элемент скопирован неправильно, вы все равно можете использовать скопированный код в качестве отправной точки и вносить в него изменения.

Как часто выходят обновления для DivMagic?

DivMagic регулярно обновляется. Мы постоянно добавляем новые функции и улучшаем существующие.

Мы выпускаем обновление каждые 1-2 недели. Список всех обновлений смотрите в нашем журнале изменений.

Журнал изменений

Хотите оставаться в курсе событий?
Присоединяйтесь к списку рассылки DivMagic!

Будьте первым, кто узнает о новостях, новых функциях и многом другом!

Отписаться в любое время. Без спама.

DivMagic - Copy design from any website | Product Hunt

© 2023 DivMagic, Inc. Все права защищены.