divmagic DivMagic

Copiez le design de n'importe quel site Web

Copiez facilement le code de n’importe quel élément du site Web en un seul clic. Essayez-le maintenant!

arrow
Ethan GloverKevin McGrewDaniroBryan BrooksMichael HoffmanVictor RheaBrianKurt Lekanger
Utilisé par +8 000 développeurs
CONFIÉ PAR +8 000 DÉVELOPPEURS
divmagic
Une extension de navigateur magique :
Économisez des centaines d'heures
Compatible Chrome et Firefox
+1 million d'éléments copiés
Assistance la plus rapide
Sélecteur de couleurs, copie de polices et autres outils intégrés
Créez votre propre bibliothèque de composants

Utilisé par +8 000 développeurs sur :

Obtenez le code de n’importe quel élément sur n’importe quel site Web

Vous pouvez obtenir le code HTML/CSS de n’importe quel élément sur n’importe quel site Web.
En un clic, vous pouvez copier le code de n’importe quel élément de n’importe quel site Web.
Vous pouvez également copier des pages entières en un seul clic si vous le souhaitez.

Media Query Support (réactif)

Vous pouvez copier la requête multimédia de l'élément que vous copiez.

Cela rendra le style copié réactif.

Convertir CSS en CSS Tailwind

Vous pouvez convertir n'importe quel code CSS en Tailwind CSS.

Le site Web à partir duquel vous copiez n’a pas besoin d’utiliser Tailwind CSS.

DivMagic convertira n'importe quel code CSS en CSS Tailwind (même les couleurs !)

Copier le code via des iframes

Vous pouvez copier le code des iframes.

Certains sites Web mettent le contenu dans des iframes pour vous empêcher de le copier. DivMagic peut copier du code via des iframes.

DevTools Intégration

Utilisez DivMagic directement depuis les outils de développement de votre navigateur

Vous pouvez accéder à la puissance de DivMagic sans jamais afficher l'extension

Transformez et capturez des éléments Web en composants réutilisables, tout en restant dans votre console de développeur.

Convertissez n'importe quel composant en React/JSX

Vous pouvez convertir n'importe quel composant en JSX.

Vous pouvez obtenir n'importe quelle section que vous copiez en tant que composant React/JSX. Pas besoin d'inspecter le code.

Même si le site n'utilise pas React.

DivMagic Studio Intégration

Vous pouvez exporter l'élément copié vers DivMagic Studio.

Cela vous permettra de modifier l'élément et d'y apporter des modifications facilement.

Vous pouvez enregistrer vos composants dans DivMagic Studio et les visiter à tout moment.

DivMagic Toolbox

Tous les outils dont vous aurez besoin pour le développement Web en un seul endroit.

Vous pouvez copier des polices de sites Web et les utiliser directement dans vos projets. Vous pouvez copier les couleurs de n'importe quel site Web et les utiliser directement dans vos projets. Convertissez n'importe quelle couleur dans n'importe quel format. Ajoutez des grilles.

Et plus...

Tous les outils dont vous avez besoin pour créer des sites Web époustouflants plus rapidement

Obtenez le meilleur design, sans y consacrer des heures

INSPECTEUR

Obtenez le code de n’importe quel élément sur n’importe quel site Web. DivMagic fournit le code le plus compact et le plus propre que vous puissiez utiliser dans vos projets.

CONVERTISSEUR

Convertissez n'importe quel composant en React/JSX. Vous pouvez obtenir n'importe quelle section que vous copiez en tant que composant React/JSX. Quel que soit le cadre du site Web.

CSS VENT ARRIÈRE

Convertissez CSS en CSS Tailwind. DivMagic convertira n'importe quel code CSS en Tailwind CSS (même les couleurs !). Le site Web à partir duquel vous copiez n’a pas besoin d’utiliser Tailwind CSS.

PRISE EN CHARGE DES IFRAME

Copiez le code des iframes. Certains sites Web mettent le contenu dans des iframes pour vous empêcher de le copier. DivMagic peut copier du code via des iframes.

SENSIBLE

Vous pouvez copier la requête multimédia de l'élément ou de la page que vous copiez. Cela rendra le style copié réactif.

INTÉGRATION DES OUTILS DE DÉVELOPPEMENT

Utilisez DivMagic directement depuis les outils de développement de votre navigateur. Vous pouvez accéder à toutes les fonctionnalités de DivMagic sans jamais afficher l'extension.

INTÉGRATION DES STUDIOS

Vous pouvez exporter l'élément copié vers DivMagic Studio - un puissant éditeur en ligne pour éditer l'élément et y apporter des modifications facilement.

COPIE PLEINE PAGE

Vous pouvez copier des pages entières en un seul clic.

INTÉGRATION WORDPRESS

Vous pouvez exporter l'élément copié vers WordPress (HTML vers WordPress Gutenberg). Cela vous permettra d'utiliser l'élément copié dans WordPress Gutenberg Editor.

Plus d'informations ici

BOÎTE À OUTILS

Tous les outils dont vous aurez besoin pour le développement Web en un seul endroit. Modifications en direct, sélecteur de couleurs, débogueur et bien plus encore.

COPIE DE POLICE

Vous pouvez copier des polices de sites Web et les utiliser directement dans vos projets.

PIPETTE À COULEURS

Vous pouvez copier les couleurs de n'importe quel site Web et les utiliser directement dans vos projets. Convertissez n'importe quelle couleur dans n'importe quel format.

Aimé
par
les
développeurs
et
les
concepteurs

“Incroyable! Cela a multiplié par 1 000 ma productivité. Il est si facile de copier le code Tailwind pour des éléments existants sur Internet.”

testimonial author
Jeff Williams
ex-AWS Software Development Engineer

Incroyablement utile ! Il ne fait aucun doute que cela permet de gagner beaucoup de temps !”

testimonial author
Kurt Lekanger
journalist, code24

“🛠️ DivMagic 👉🏻 Une extension Chrome pour convertir des éléments directement en CSS Tailwind (y compris les couleurs).”

testimonial author
Michael Hoffman
Senior Frontend Developer

Exactement ce que je cherchais ! Je travaille bien sur ce que j'essaie.”

testimonial author
Will Bowman

Fonctionne très bien ! La sortie est très petite, ce qui la rend très facile à modifier pour mon cas d'utilisation !”

Nichole Peterson

Les développeurs front-end DOIVENT !! J'ai vraiment adoré la façon dont cela fonctionne bien avec React et Tailwind. La facilité de l’UI et de l’UX est ce que j’aime le plus.”

Steven J.

“Je le recommande vivement, c'est magique !”

Javier

“Maintenant, je peux voler des designs encore plus facilement ! 🤭”

testimonial author
Ethan Glover
Application Engineer

“Excellent outil, sa valeur est bien au-delà de son coût.”

testimonial author
Bryan Brooks

DivMagic est un trésor, tout simplement le meilleur outil pour obtenir cette section d'une page Web et vous l'apporter parfaitement. Essayez-le, le coût vous sera remboursé en temps économisé en jours.”

testimonial author
Victor Rhea

“Excellent outil payant, qui vaut son prix !”

testimonial author
Daniro

Excellent outil et gain de temps considérable. Si vous êtes un développeur et souhaitez obtenir un moyen rapide d'obtenir une conception d'interface utilisateur, cet outil est génial.”

testimonial author
Martin Young

“C'est sympa de l'avoir sur mon navigateur”

testimonial author
Reza Hartana

“Excellent outil qui va vous faire gagner beaucoup de temps dans le développement.”

testimonial author
Jackie Chong

Fonctionne incroyablement bien - Même avec React + TailwindCSS. Très impressionné.”

testimonial author
J L

“Outil incroyable ! J’aime l’utilisation puissante et la facilité avec laquelle il fonctionne. Si vous êtes un développeur, n'hésitez pas et assurez-vous de l'obtenir.

testimonial author
Giuliani Prosecutor

“Outil fantastique. Associé aux composants Tailwind, vous pouvez facilement gagner des heures au cours des 30 premières minutes d'utilisation. Se rentabilise presque instantanément.”

testimonial author
Brendan OC

“J'ai testé plus de 3 outils similaires dans le passé - DivMagic est de loin l'un des meilleurs en termes de qualité.

testimonial author
John Techozens

“Outil incroyable, si vous créez des sites Web, vous savez que c'est une évidence. J'ai économisé des tonnes d'heures en jouant avec des modèles et en modifiant des CSS.”

testimonial author
Kevin McGrew

Addon super utile ! J'ai payé pour le produit complet car il me fait gagner du temps et des efforts.

Torra Laq

Outil époustouflant. Outil très très utile pour les développeurs”

testimonial author
Talha Tonmoy

Le développement de Divmagic est cool.

Lewis

“Cet outil étonnant a considérablement réduit le temps que je consacre aux tâches et s'intègre parfaitement dans ma routine de travail. C'est un outil crucial pour ceux qui travaillent dans le domaine du développement de sites Web. Le support technique m'a aidé quelques heures après ma demande. Impressionnant.”

testimonial author
Vasttee Design

Le meilleur outil jamais vu permet de gagner beaucoup de temps doit améliorer certains médias réactifs JSX, d'autres sont très utiles.”

testimonial author
Azfar Masood
Voir plus de témoignages

Tarifs

Fonctionne sur tous les sites Web

Disponible pour Chrome et Firefox

Politique de remboursement complet

Mises à jour constantes et nouvelles fonctionnalités

Support dédié et rapide

Utilisé par +8 000 développeurs

"Se rentabilise presque instantanément"

Brendan - Utilisateur DivMagic

Garanti pour vous faire gagner du temps et de l'argent

  • Accès à vie
  • Disponible pour Google Chrome
  • Tous les navigateurs basés sur Chromium
  • Disponible pour Firefox
  • Utiliser sur 2 appareils
  • Intégration de DivMagic Studio
  • Comprend toutes les futures mises à jour
  • Assistance la plus rapide
  • Utilisation illimitée
  • Garantie de remboursement
🎁 Économisez 145 $ - Remise pour une durée limitée
$345
$200
Paiement unique - Payez une fois, utilisez pour toujours
Maintenant obtenir

Mensuel

$16/mois

Toutes les fonctionnalités de DivMagic incluses
Annuler à tout moment

Annuel

$96/année

Toutes les fonctionnalités de DivMagic incluses
Annuler à tout moment

"Les clients viennent toujours avec un design qu'ils aiment et nous pouvons facilement le copier avec DivMagic. Certainement un outil incontournable pour notre agence. Nous avons fait gagner d'innombrables heures !"

Andrew - Utilisateur DivMagic et propriétaire de l'agence

Garanti pour améliorer la productivité de votre équipe

  • Effectuer une rotation des membres de l'équipe selon les besoins
  • Annuler à tout moment
  • Bibliothèque de composants d'équipe
  • Intégration de Team Studio (à venir)

Plan d'équipe

$20/mois

par membre de l'équipe
Obtenez le plan d'équipe

Questions fréquemment posées

Que fait DivMagic ?

DivMagic vous permet de copier, convertir et utiliser facilement des éléments Web. Il s'agit d'un outil polyvalent qui convertit le HTML et le CSS en plusieurs formats, notamment le CSS en ligne, le CSS externe, le CSS local et le CSS Tailwind.

Vous pouvez copier n'importe quel élément de n'importe quel site Web en tant que composant réutilisable et le coller directement dans votre base de code.

Comment puis-je l'utiliser ?

Tout d’abord, installez l’extension DivMagic. Accédez à n’importe quel site Web et cliquez sur l’icône d’extension. Ensuite, sélectionnez n’importe quel élément de la page. Le code - dans le format sélectionné - sera copié et prêt à être collé dans votre projet.

Vous pouvez regarder la vidéo de démonstration pour voir comment cela fonctionne

Quels sont les navigateurs pris en charge ?

Vous pouvez obtenir l'extension pour Chrome et Firefox.

L'extension Chrome fonctionne sur tous les navigateurs basés sur Chromium comme Brave et Edge.

Quelle est la politique de remboursement ?

Si vous n'êtes pas satisfait de DivMagic, envoyez-nous un e-mail dans les 30 jours suivant votre achat et nous vous rembourserons votre argent, sans poser de questions.

support@divmagic.com

Comment modifier mon abonnement ?

Vous pouvez modifier votre abonnement en vous rendant sur le portail client.
Portail Clients

Est-ce que ça marche sur tous les sites internet ?

Oui. Il copiera n'importe quel élément de n'importe quel site Web, en le convertissant dans le format de votre choix. Vous pouvez même copier des éléments protégés par une iframe.

Le site Web que vous copiez peut être construit avec n’importe quel framework, DivMagic fonctionnera sur chacun d’eux.

Bien que rares, certains éléments peuvent ne pas être parfaitement copiés. Si vous en rencontrez, veuillez nous les signaler.

Même si l'élément n'est pas copié correctement, vous pouvez toujours utiliser le code copié comme point de départ et y apporter des modifications.

La conversion CSS Tailwind fonctionne-t-elle sur tous les sites Web ?

Oui. Le site Web que vous copiez peut être construit avec n’importe quel framework, DivMagic fonctionnera sur chacun d’eux.

Le site Web n'a pas besoin d'être construit avec Tailwind CSS, DivMagic convertira le CSS en Tailwind CSS pour vous.

Quelles sont les limites ?

La plus grande limitation concerne les sites Web qui utilisent JavaScript pour modifier l'affichage du contenu des pages. Dans de tels cas, le code copié peut ne pas être correct. Si vous trouvez un tel élément, merci de nous le signaler.

Même si l'élément n'est pas copié correctement, vous pouvez toujours utiliser le code copié comme point de départ et y apporter des modifications.

À quelle fréquence y a-t-il une mise à jour pour DivMagic ?

DivMagic est mis à jour régulièrement. Nous ajoutons constamment de nouvelles fonctionnalités et améliorons celles existantes.

Nous publions une mise à jour toutes les 1 à 2 semaines. Consultez notre journal des modifications pour une liste de toutes les mises à jour.

Journal des modifications

Qu'arrive-t-il à mon compte de paiement unique si DivMagic s'arrête ?

Nous voulons nous assurer que vous vous sentez en sécurité avec votre achat. Nous prévoyons d'exister pendant très longtemps, mais si DivMagic s'arrête un jour, nous enverrons le code de l'extension à tous les utilisateurs qui ont effectué un paiement unique, vous permettant ainsi de l'utiliser hors ligne indéfiniment.

Voulez-vous rester à jour?
Rejoignez la liste de diffusion DivMagic !

Soyez le premier informé des actualités, des nouvelles fonctionnalités et bien plus encore !

Désabonnez-vous à tout moment. Pas de spam.

© 2024 DivMagic, Inc. Tous droits réservés.