divmagic DivMagic

Copiez le design de n'importe quel site Web

Une extension de navigateur qui vous permet de copier le code de n'importe quel élément d'un site Web en un seul clic

Utilisé par

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ des centaines d'autres développeurs !

Utilisé par les développeurs de

Réduisez considérablement votre temps de développement

Rapide et facile

Copie de style en un seul clic

Ne perdez plus de temps à penser au design.

Copiez tout en un clic en quelques secondes. Même des sites Web complets.

Tailwind CSS

Convertissez n'importe quel composant en Tailwind CSS

Vous pouvez obtenir n'importe quelle section que vous copiez en tant que composant CSS Tailwind (même si le site Web n'utilise pas Tailwind CSS)

React/JSX

Convertissez n'importe quel composant en JSX

Vous pouvez obtenir n'importe quelle section que vous copiez en tant que composant React/JSX

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.

Aimé
par
les
développeurs
et
les
concepteurs

Tarifs

Fonctionne sur tous les sites Web

Disponible pour Chrome et Firefox

Politique de remboursement complet
Utilisé par +1000 développeurs
Support dédié et rapide
Mises à jour constantes et nouvelles fonctionnalités

Mensuel

$16/mois

Hors taxes locales ou TVA si applicable

  • Disponible pour Google Chrome (y compris tous les navigateurs basés sur Chromium comme Brave, Edge, etc.)

  • Disponible pour Firefox

  • Utilisez sur autant d'appareils que vous le souhaitez

  • Comprend toutes les futures mises à jour et fonctionnalités

  • Garantie de remboursement

Annuel

$96/année

Hors taxes locales ou TVA si applicable

  • Sauvegarder - 6 mois gratuits

  • Disponible pour Google Chrome (y compris tous les navigateurs basés sur Chromium comme Brave, Edge, etc.)

  • Disponible pour Firefox

  • Utilisez sur autant d'appareils que vous le souhaitez

  • Comprend toutes les futures mises à jour et fonctionnalités

  • Garantie de remboursement

🎁 Remise limitée

Paiement unique

Le plus populaire
$300
$200

Hors taxes locales ou TVA si applicable

  • Accès à vie

  • Disponible pour Google Chrome (y compris tous les navigateurs basés sur Chromium comme Brave, Edge, etc.)

  • Disponible pour Firefox

  • Utilisez sur autant d'appareils que vous le souhaitez

  • Comprend toutes les futures mises à jour et fonctionnalités

  • Garantie de remboursement

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

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.

DivMagic - Copy design from any website | Product Hunt

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