Copia a página.Leva o código.
Abra qualquer site, clique no gato e pronto: HTML, CSS, imagens, fontes e até um componente React caem numa pasta organizada, prontos pra abrir no Cursor e editar como se fossem seus desde o começo.
- Pagamento único
- Nada sobe pra servidor
- Sem login
- index.htmlHTML semântico
- styles.csstokens + variáveis
- tokens.csscores e fontes
- Componente.jsxpronto pro React
- assets/imagens, fontes, svg
- animacoes.webmvídeo do scroll
Captura páginas feitas com
Toda referência linda vira uma tarde presa no DevTools
Chega aquela página de inspiração e lá vai você: inspeciona, copia, cola, ajusta, baixa cada imagem na mão. Quando percebe, o dia acabou e o layout ainda está diferente do original.
- $Abre o DevTools, inspeciona elemento
- $Copia o HTML… 340 linhas minificadas
- $Caça o CSS computado, regra por regra
- $Baixa imagem por imagem
- $Fontes? SVG? ícones? boa sorte
- 4 horas depois: layout ainda quebrado
Quatro passos entre o clique e o código
- 01
Instale
Adicione ao Chrome em dois cliques. Sem conta, sem configuração, sem terminal.
- 02
Capture
Abra a página e clique. A captura roda local e termina em segundos.
- 03
Exporte
Sai uma pasta organizada: HTML, CSS, tokens, assets, fontes e SVGs.
- 04
Edite
Abra no Cursor, Claude Code ou VS Code e mexa como um projeto seu.
Coisas que só o Catclone entrega
Não é aquele HTML travado que você tem medo de tocar. É uma estrutura pra ler, editar e versionar, com os detalhes que nenhum atalho de navegador te dá.
Seletor de elemento
Clique numa seção e clone só ela, isolada. Cataloga aquele hero, aquele card de preço, aquela seção que você amou.
exclusivoComponente React pronto
No modo elemento sai um Componente.jsx com className e style em objeto. Cola no Next e ajusta. Nenhum concorrente faz isso.
exclusivoEnxugar CSS
Remove as regras que a página não usa. Um styles.css de 700 KB pode virar 20 KB, limpo e editável.
Design tokens
Extrai as variáveis de :root (cores, tipografia, spacing, sombra) num tokens.css e tokens.json prontos pro seu design system.
Gravar animações
As animações de JS não clonam, então o Catclone grava um vídeo do scroll pra você ter a referência do movimento.
exclusivoDetecção de framework
Antes de abrir o código, você já sabe se a página usa React, Vue, Tailwind ou GSAP.
Os dois chegam no clone. Um leva a tarde, o outro um minuto.
Do jeito manual
4 a 8 horas
- Inspeciona no DevTools, elemento por elemento
- Copia HTML minificado e reza pra não quebrar
- Caça o CSS computado, regra por regra
- Baixa cada imagem, fonte e SVG na unha
- Quatro horas depois, o layout ainda tá torto
Com o Catclone
~1 minuto
- Um clique e a página vira pasta organizada
- HTML limpo, CSS com tokens, tudo no lugar
- Imagens, fontes e SVGs já baixados
- Sai até um componente React pronto pra colar
- Sessenta segundos e você já tá editando
Feito pra quem transforma referência em código
Dev e freelancer
Recebeu uma referência do cliente? Clona, abre no editor e reconstrói em cima, sem começar do zero.
Agência e time
Cataloga seções que inspiram e monta um acervo de componentes prontos pra reaproveitar entre projetos.
Vibe coder / no-code
Pega o HTML e o CSS de qualquer página e joga no Cursor ou Claude Code pra editar por prompt.
Quem estuda design
Abre o código real por trás de uma landing bonita e entende como o layout, os tokens e as fontes foram feitos.
Não é marca fantasma. Tem gente, código e história aqui.
Davidson Lima
Criador do Catclone
Sou o Davidson Lima, desenvolvedor e especialista em marketing. Vivo no meio do caminho entre o código e a conversão: construo landing pages, sistemas web e automações com IA, e também cuido de copy, tráfego e estratégia pra quem quer vender de verdade.
Nos últimos anos entreguei dezenas de projetos, de páginas de venda a SaaS completos, sempre com a mesma obsessão: fazer bonito, rápido e que dá resultado. É essa mistura de mão na massa técnica com cabeça de marketing que virou o Catclone.
“Cansei de perder a tarde refazendo interface na unha. Então construí a ferramenta que eu queria ter. Agora ela é sua, mais completa do que qualquer alternativa por aí.”
Custa um lanche. Te devolve as tardes.
Pagamento único · sem mensalidade
acesso pra sempre · menos que um lanche, uma vez só
- Extensão Catclone completa, acesso vitalício
- Captura de página e de elemento (com componente React)
- Enxugar CSS, design tokens e gravação de animações
- Todas as atualizações futuras, sem pagar de novo
- Guia de instalação em vídeo Garantir por R$ 9,90
Garantia de 7 dias. Testa num projeto real e, se não economizar seu tempo, devolvemos 100%. Sem burocracia.
O que você deve estar se perguntando
O que exatamente vem no export?
Uma pasta com index.html semântico já formatado, styles.css completo com variáveis e tokens, todos os assets (imagens, fontes, ícones, SVGs), um tokens.css/json com as cores e tipografia, e no modo elemento sai até um Componente.jsx em React. Abre direto no Cursor, Claude Code, Windsurf ou VS Code.
Funciona em site feito com React, Next.js, Vue ou Webflow?
Sim. O Catclone captura o que o navegador renderizou na tela. O framework original não importa: o export traz a estrutura visual final, com o CSS e os assets no lugar.
Meus dados passam por algum servidor?
Não. Toda a captura roda localmente, no seu navegador. Nenhum conteúdo é enviado pra fora e você não precisa criar conta nem fazer login.
Funciona no Mac, Windows e Linux?
Sim. É uma extensão do Google Chrome, então funciona em qualquer sistema que rode o Chrome: Mac, Windows e Linux.
Como eu instalo?
Em dois cliques. Depois da compra você recebe o arquivo e um vídeo curtinho mostrando como ativar no Chrome. Sem terminal, sem configuração.
Posso usar em projetos para clientes?
Pode, sem restrição de uso comercial. Use como base e referência de desenvolvimento, respeitando os direitos autorais de cada página.
É seguro e permitido usar?
É. O Catclone acessa só o que qualquer navegador já vê ao abrir uma página pública. Capturar estrutura para estudo e referência é prática padrão no desenvolvimento web. O código que você constrói em cima é seu.
E se não servir pra mim?
Garantia incondicional de 7 dias. Testa, usa num projeto real e, se não economizar seu tempo, devolvemos 100% do valor. Sem formulário, sem burocracia.
Ficou algo? Fala com a gente pelo WhatsApp.
Da próxima referência, você não perde a tarde
Instala em dois cliques, clona em um. O gato faz a parte chata e te devolve o código pra você fazer a parte boa.