Extractor de Sitios Web

Creá clones fieles (pixel-perfect) de cualquier sitio web

Ingresá la URL completa del sitio que querés clonar

Renderiza JavaScript y recorre la página para capturar todo el contenido. Recomendado para sitios modernos con contenido dinámico.

Extrayendo recursos del sitio…

Inicializando…

Funciones de extracción mejoradas

  • Estructura completa del DOM HTML
  • Todas las hojas de estilo CSS (externas e inline)
  • globals.css y archivos de estilos NUEVO
  • Archivos y funcionalidad JavaScript
  • Configuración y archivos de Next.js NUEVO
  • Configuraciones de imágenes y assets NUEVO
  • Extracción de metadatos NUEVO
  • Componentes específicos para móviles NUEVO
  • Gráficos SVG (vinculados e inline) NUEVO
  • Archivos de video y reproductores NUEVO
  • Archivos de audio y reproductores NUEVO
  • Archivos de fuentes y detección de tipografías NUEVO
  • Animaciones GIF y contenido dinámico NUEVO
  • Capturas del sitio y de componentes PREMIUM
  • Captura de contenido renderizado por JavaScript PREMIUM

Componentes de UI extraídos

La herramienta identifica y extrae automáticamente componentes clave de UI para que los reutilices:

Navegación

Encabezados, menús y barras de navegación con diseño responsive

Secciones “Hero”

Banners impactantes con imágenes, textos y botones de acción

Páginas de tienda

NUEVO

Layouts completos con grillas de productos, filtros y compra

Menús móviles

NUEVO

Navegación específica para móviles y elementos responsive

Grillas de productos

Listados y tarjetas con imágenes, precios y descripciones

Carrito de compra

NUEVO

Carrito con listado de ítems, cantidades y checkout

Carruseles y sliders

NUEVO

Slides de imágenes, testimonios y controles

Reproductores de video

NUEVO

Videos con controles y diseño adaptable

Reproductores de audio

NUEVO

Audio con controles y listas

Pestañas (Tabs)

NUEVO

Interfaces con tabs y paneles de contenido

Redes sociales

NUEVO

Links, botones para compartir y feeds embebidos

Modales y popups

NUEVO

Diálogos y overlays con animaciones

Componentes incluidos en el ZIP

Todos los componentes extraídos se incluyen en el ZIP descargado para que los reutilices fácilmente.

Compatibilidad con frameworks

Next.js

NUEVO
  • Extracción de next.config.js
  • _app.js y _document.js
  • Rutas estáticas y dinámicas

Tailwind CSS

NUEVO
  • Extracción de tailwind.config.js
  • Temas personalizados
  • Configuración de plugins

React

NUEVO
  • Detección de estructura de componentes
  • Atributos específicos de React
  • Patrones de manejo de estado

Vue.js

NUEVO
  • Detección de componentes de Vue
  • Extracción de vue.config.js
  • Análisis de directivas de Vue

Angular

NUEVO
  • Estructura de componentes
  • Configuración de angular.json
  • Detección de módulos

Bootstrap

NUEVO
  • Clases de componentes
  • Sistema de grillas
  • Temas personalizados

SCSS/SASS

NUEVO
  • Variables
  • Mixins
  • Estilos anidados

Svelte

NUEVO
  • Formato de componentes
  • Declaraciones reactivas
  • Estructura de plantillas

Material UI

NUEVO
  • Clases de componentes Material
  • Configuración de temas
  • Íconos de Material

Cómo usar el clon

  1. Extraé el archivo ZIP descargado
  2. Abrí el archivo index.html en tu navegador para ver el clon estático
  3. Buscá los componentes extraídos en la carpeta components
  4. Revisá los metadatos en metadata.json
  5. Chequeá css/globals.css para estilos globales
  6. Editá los archivos HTML, CSS y JavaScript en Cursor para personalizar el diseño
  7. Usá el archivo manifest.json para ubicar assets específicos

Tip Pro:

Para mejores resultados, intentá clonar la versión de escritorio de los sitios. Algunos sitios pueden tener medidas anti-scraping que afecten el resultado.