divmagic DivMagic

Copia il design da qualsiasi sito web

Un'estensione del browser che ti consente di copiare il codice di qualsiasi elemento del sito web con un clic

Usato da

Ethan GloverJeff WilliamsMichael HoffmanWill BowmanBrianKurt Lekanger

+ centinaia di altri sviluppatori!

Utilizzato dagli sviluppatori su

Riduci significativamente i tempi di sviluppo

Veloce e facile

Copia stile con un clic

Non perdere più tempo pensando al design.

Copia tutto con un clic in pochi secondi. Anche siti web completi.

Tailwind CSS

Converti qualsiasi componente in Tailwind CSS

Puoi ottenere qualsiasi sezione che copi come componente Tailwind CSS (anche se il sito web non utilizza Tailwind CSS)

React/JSX

Converti qualsiasi componente in JSX

Puoi ottenere qualsiasi sezione che copi come componente React/JSX

Ottieni il codice di qualsiasi elemento su qualsiasi sito web

Puoi ottenere il codice HTML/CSS di qualsiasi elemento su qualsiasi sito web.

Con un clic puoi copiare il codice di qualsiasi elemento su qualsiasi sito web.

Se lo desideri, puoi anche copiare pagine intere con un clic.

Media Query Assistenza (responsive)

Puoi copiare la media query dell'elemento che stai copiando.

Ciò renderà reattivo lo stile copiato.

Converti CSS in CSS Tailwind

Puoi convertire qualsiasi codice CSS in Tailwind CSS.

Non è necessario che il sito web da cui stai copiando utilizzi Tailwind CSS.

DivMagic convertirà qualsiasi codice CSS in Tailwind CSS (anche i colori!)

Copia il codice tramite iframe

Puoi copiare il codice da iframe.

Alcuni siti Web inseriscono i contenuti negli iframe per impedirti di copiarli. DivMagic può copiare il codice tramite iframe.

DevTools Integrazione

Utilizza DivMagic direttamente dagli strumenti di sviluppo del tuo browser

Puoi accedere alla potenza di DivMagic senza nemmeno aprire l'estensione

Trasforma e acquisisci elementi web in componenti riutilizzabili, il tutto rimanendo nella tua console per sviluppatori.

Converti qualsiasi componente in React/JSX

Puoi convertire qualsiasi componente in JSX.

Puoi ottenere qualsiasi sezione che copi come componente React/JSX. Non è necessario controllare il codice.

Anche se il sito Web non utilizza React.

DivMagic Studio Integrazione

È possibile esportare l'elemento copiato in DivMagic Studio.

Ciò ti consentirà di modificare l'elemento e apportarvi modifiche facilmente.

Puoi salvare i tuoi componenti in DivMagic Studio e visitarli in qualsiasi momento.

Amato
da
sviluppatori
e
designer

Prezzi

Funziona su ogni sito web

Disponibile per Chrome e Firefox

Politica di rimborso completa
Utilizzato da oltre 1000 sviluppatori
Supporto dedicato e veloce
Aggiornamenti costanti e nuove funzionalità

Mensile

$16/mese

Tasse locali o IVA escluse, se applicabili

  • Disponibile per Google Chrome (inclusi tutti i browser basati su Chromium come Brave, Edge, ecc.)

  • Disponibile per Firefox

  • Utilizzalo su tutti i dispositivi che desideri

  • Include tutti gli aggiornamenti e le funzionalità futuri

  • Soddisfatti o rimborsati

Annuale

$96/anno

Tasse locali o IVA escluse, se applicabili

  • Salva - 6 mesi gratuiti

  • Disponibile per Google Chrome (inclusi tutti i browser basati su Chromium come Brave, Edge, ecc.)

  • Disponibile per Firefox

  • Utilizzalo su tutti i dispositivi che desideri

  • Include tutti gli aggiornamenti e le funzionalità futuri

  • Soddisfatti o rimborsati

🎁 Sconto limitato

Pagamento unico

Più popolare
$300
$200

Tasse locali o IVA escluse, se applicabili

  • Accesso a vita

  • Disponibile per Google Chrome (inclusi tutti i browser basati su Chromium come Brave, Edge, ecc.)

  • Disponibile per Firefox

  • Utilizzalo su tutti i dispositivi che desideri

  • Include tutti gli aggiornamenti e le funzionalità futuri

  • Soddisfatti o rimborsati

Domande frequenti

Cosa fa DivMagic?

DivMagic ti consente di copiare, convertire e utilizzare elementi web con facilità. È uno strumento versatile che converte HTML e CSS in diversi formati, inclusi CSS in linea, CSS esterno, CSS locale e CSS Tailwind.

Puoi copiare qualsiasi elemento da qualsiasi sito web come componente riutilizzabile e incollarlo direttamente nella tua codebase.

Come lo uso?

Innanzitutto, installa l'estensione DivMagic. Passare a qualsiasi sito Web e fare clic sull'icona dell'estensione. Quindi, seleziona qualsiasi elemento sulla pagina. Il codice, nel formato selezionato, verrà copiato e pronto per essere incollato nel tuo progetto.

Puoi guardare il video dimostrativo per vedere come funziona

Quali sono i browser supportati?

Puoi ottenere l'estensione per Chrome e Firefox.

L'estensione Chrome funziona su tutti i browser basati su Chromium come Brave ed Edge.

Qual è la politica di rimborso?

Se non sei soddisfatto di DivMagic, inviaci un'e-mail entro 30 giorni dall'acquisto e ti rimborseremo i soldi, senza fare domande.

support@divmagic.com

Come modifico il mio abbonamento?

Puoi modificare il tuo abbonamento accedendo al portale clienti.
Portale clienti

Funziona su tutti i siti web?

SÌ. Copierà qualsiasi elemento da qualsiasi sito web, convertendolo nel formato scelto. Puoi anche copiare elementi protetti da un iframe.

Il sito web che stai copiando può essere creato con qualsiasi framework, DivMagic funzionerà su tutti.

Anche se rari, alcuni elementi potrebbero non essere copiati perfettamente: se ne riscontri, segnalacelo.

Anche se l'elemento non viene copiato correttamente, puoi comunque utilizzare il codice copiato come punto di partenza e apportarvi modifiche.

La conversione CSS Tailwind funziona su tutti i siti Web?

SÌ. Il sito web che stai copiando può essere creato con qualsiasi framework, DivMagic funzionerà su tutti.

Non è necessario che il sito web sia creato con Tailwind CSS, DivMagic convertirà il CSS in Tailwind CSS per te.

Quali sono le limitazioni?

La limitazione più grande sono i siti Web che utilizzano JavaScript per modificare la visualizzazione del contenuto della pagina. In questi casi, il codice copiato potrebbe non essere corretto. Se trovi qualche elemento di questo tipo, segnalacelo.

Anche se l'elemento non viene copiato correttamente, puoi comunque utilizzare il codice copiato come punto di partenza e apportarvi modifiche.

Con quale frequenza è disponibile un aggiornamento per DivMagic?

DivMagic viene aggiornato regolarmente. Aggiungiamo costantemente nuove funzionalità e miglioriamo quelle esistenti.

Rilasciamo un aggiornamento ogni 1-2 settimane. Consulta il nostro registro delle modifiche per un elenco di tutti gli aggiornamenti.

Registro delle modifiche

Vuoi rimanere sempre aggiornato?
Unisciti alla mailing list DivMagic!

Sii il primo a conoscere novità, nuove funzionalità e altro ancora!

Annulla l'iscrizione in qualsiasi momento. Niente spam.

DivMagic - Copy design from any website | Product Hunt

© 2023 DivMagic, Inc. Tutti i diritti riservati.