Você pode obter o código HTML/CSS de qualquer elemento em qualquer site.
Com um clique, você pode copiar o código de qualquer elemento de qualquer site.
Você também pode copiar páginas inteiras com um clique, se desejar.
Você pode copiar a consulta de mídia do elemento que está copiando.
Isso tornará o estilo copiado responsivo.
Você pode converter qualquer código CSS em Tailwind CSS.
O site do qual você está copiando não precisa usar Tailwind CSS.
DivMagic irá converter qualquer código CSS em Tailwind CSS (até mesmo cores!)
Você pode copiar o código de iframes.
Alguns sites colocam conteúdo em iframes para evitar que você o copie. DivMagic pode copiar código através de iframes.
Use o DivMagic diretamente nas ferramentas de desenvolvimento do seu navegador
Você pode acessar o poder do DivMagic sem nunca abrir a extensão
Transforme e capture elementos da web em componentes reutilizáveis, tudo isso dentro do console do desenvolvedor.
Você pode converter qualquer componente em JSX.
Você pode obter qualquer seção copiada como um componente React/JSX. Não há necessidade de inspecionar o código.
Mesmo que o site não use React.
Você pode exportar o elemento copiado para o DivMagic Studio.
Isso permitirá que você edite o elemento e faça alterações nele facilmente.
Você pode salvar seus componentes no DivMagic Studio e visitá-los a qualquer momento.
Todas as ferramentas que você precisa para desenvolvimento web em um só lugar.
Você pode copiar fontes de sites e usá-las diretamente em seus projetos. Você pode copiar cores de qualquer site e usá-las diretamente em seus projetos. Converta qualquer cor em qualquer formato. Adicione grades.
E mais...
Obtenha o código de qualquer elemento em qualquer site. DivMagic fornece o código mais compacto e limpo para você usar em seus projetos.
Know what technologies a site uses with one click.
Converta qualquer componente em React/JSX. Você pode obter qualquer seção copiada como um componente React/JSX. Independentemente da estrutura do site.
Converta CSS em CSS Tailwind. DivMagic irá converter qualquer código CSS em Tailwind CSS (até mesmo cores!). O site do qual você está copiando não precisa usar Tailwind CSS.
Copie o código dos iframes. Alguns sites colocam conteúdo em iframes para evitar que você o copie. DivMagic pode copiar código através de iframes.
Você pode copiar a consulta de mídia do elemento ou página que está copiando. Isso tornará o estilo copiado responsivo.
Use o DivMagic diretamente nas ferramentas de desenvolvimento do seu navegador. Você pode acessar todas as funcionalidades do DivMagic sem nunca abrir a extensão.
Você pode exportar o elemento copiado para o DivMagic Studio – um poderoso editor online para editar o elemento e fazer alterações nele facilmente.
Você pode copiar páginas inteiras com um clique.
Você pode exportar o elemento copiado para WordPress (HTML para WordPress Gutenberg). Isso permitirá que você use o elemento copiado no WordPress Gutenberg Editor.
Mais informações aquiTodas as ferramentas que você precisa para desenvolvimento web em um só lugar. Edições ao vivo, seletor de cores, depurador e muito mais.
Você pode copiar fontes de sites e usá-las diretamente em seus projetos.
Você pode copiar cores de qualquer site e usá-las diretamente em seus projetos. Converta qualquer cor em qualquer formato.
“Incrível! Isso aumentou minha produtividade em 1.000 vezes. É muito fácil copiar o código do Tailwind para coisas existentes na Internet.”
“Incrivelmente útil! Não há dúvida de que economiza muito tempo!”
“🛠️ DivMagic 👉🏻 Uma extensão do Chrome para converter elementos diretamente em Tailwind CSS (incluindo cores).”
“Exatamente o que eu procurava! Funcionando bem no que tento.”
“Funciona muito bem! A saída é muito pequena, o que facilita a modificação para o meu caso de uso!”
“Front-end Dev DEVE!! Eu realmente adorei como ele funciona bem com React e Tailwind. A facilidade de UI e UX é o que mais gosto.”
“Eu recomendo fortemente, é mágico!”
“Agora posso roubar designs com ainda mais facilidade! 🤭”
“Ótima ferramenta, seu valor vai muito além do custo.”
“DivMagic é um tesouro, simplesmente a melhor ferramenta para obter aquela seção de uma página da web e trazê-la perfeitamente para você. Experimente, o custo será devolvido em tempo economizado em dias.”
“Ótima ferramenta paga, vale o dinheiro gasto!”
“Ótima ferramenta que economiza muito tempo. Se você é um desenvolvedor e deseja uma maneira rápida de obter design de UI, esta ferramenta é ótima.”
“É bom tê-lo no meu navegador”
“Ótima ferramenta que vai economizar muito tempo no desenvolvimento.”
“Funciona incrivelmente bem - Mesmo com React + TailwindCSS. Muito impressionado.”
“Ferramenta incrível! Adoro o uso poderoso e a facilidade com que funciona. Se você é um desenvolvedor, não pense duas vezes e certifique-se de obtê-lo.”
“Ferramenta fantástica. Combinado com os componentes do Tailwind, você pode facilmente economizar horas nos primeiros 30 minutos de uso. Paga-se quase instantaneamente.”
“Eu testei mais de três ferramentas semelhantes no passado - DivMagic é facilmente uma das melhores em termos de qualidade, de longe.”
“Ferramenta incrível, se você cria sites, você sabe que isso é óbvio. Economizei toneladas de horas mexendo com modelos e modificando CSS.”
“Complemento super útil! Paguei pelo produto completo porque poupa tempo e esforço.”
“Ferramenta alucinante. Ferramenta muito útil para desenvolvedores”
“Divmagic dev é legal.”
“Essa ferramenta incrível diminuiu muito o tempo que gasto em tarefas e se adapta perfeitamente à minha rotina de trabalho. É uma ferramenta crucial para quem está na área de desenvolvimento de sites. O suporte técnico me ajudou poucas horas após minha solicitação. Impressionante.”
“A melhor ferramenta já economiza muito tempo precisa melhorar algumas mídias responsivas JSX, outras são muito úteis e completas”
Funciona em todos os sites
Disponível para Chrome e Firefox
Atualizações constantes e novos recursos
Usado por mais de 8.000 desenvolvedores
Brendan - usuário do DivMagic
Garantido para economizar tempo e dinheiro
Andrew - usuário DivMagic e proprietário de agência
Garantido para melhorar a produtividade da sua equipe
DivMagic permite copiar, converter e utilizar elementos da web com facilidade. É uma ferramenta versátil que converte HTML e CSS para diversos formatos, incluindo CSS Inline, CSS Externo, CSS Local e CSS Tailwind.
Você pode copiar qualquer elemento de qualquer site como um componente reutilizável e colá-lo diretamente em sua base de código.
Primeiro, instale a extensão DivMagic. Navegue para qualquer site e clique no ícone da extensão. Em seguida, selecione qualquer elemento da página. O código - no formato selecionado - será copiado e estará pronto para ser colado em seu projeto.
Você pode assistir ao vídeo de demonstração para ver como funciona
Você pode obter a extensão para Chrome e Firefox.
A extensão do Chrome funciona em todos os navegadores baseados em Chromium, como Brave e Edge.
Se você não estiver satisfeito com o DivMagic, envie-nos um e-mail dentro de 30 dias após a compra e reembolsaremos seu dinheiro, sem perguntas.
support@divmagic.com
Você pode modificar sua assinatura acessando o portal do cliente.
Portal do cliente
Sim. Ele copiará qualquer elemento de qualquer site, convertendo-o no formato escolhido. Você pode até copiar elementos protegidos por um iframe.
O site que você está copiando pode ser construído com qualquer framework, o DivMagic funcionará em todos eles.
Embora raros, certos elementos podem não ser copiados perfeitamente. Se você encontrar algum, informe-nos.
Mesmo que o elemento não seja copiado corretamente, você ainda pode usar o código copiado como ponto de partida e fazer alterações nele.
Sim. O site que você está copiando pode ser construído com qualquer framework, o DivMagic funcionará em todos eles.
O site não precisa ser construído com Tailwind CSS, o DivMagic irá converter o CSS em Tailwind CSS para você.
A maior limitação são os sites que usam JavaScript para modificar a exibição do conteúdo da página. Nesses casos, o código copiado pode não estar correto. Se você encontrar algum elemento desse tipo, informe-nos.
Mesmo que o elemento não seja copiado corretamente, você ainda pode usar o código copiado como ponto de partida e fazer alterações nele.
DivMagic é atualizado regularmente. Estamos constantemente adicionando novos recursos e melhorando os existentes.
Lançamos uma atualização a cada 1-2 semanas. Consulte nosso Changelog para obter uma lista de todas as atualizações.
Registro de alterações
Queremos ter certeza de que você se sente seguro com sua compra. Planejamos existir por muito tempo, mas se o DivMagic for encerrado, enviaremos o código da extensão a todos os usuários que fizeram um pagamento único, permitindo que você o use offline indefinidamente.
Seja o primeiro a saber de novidades, novos recursos e muito mais!
Cancele a inscrição a qualquer momento. Sem spam.
© 2024 DivMagic, Inc. Todos os direitos reservados.
