Por qué creé esta herramienta

Trabajando en proyectos de WordPress con Elementor, me encontraba una y otra vez con el mismo problema: tenía maquetas HTML perfectamente hechas — a veces de un equipo de diseño, a veces mías propias — y reconstruirlas manualmente widget a widget en Elementor era un trabajo tedioso y propenso a errores.

Busqué herramientas existentes. No encontré ninguna que hiciera exactamente esto de forma gratuita, sin registro y sin enviar mi código a terceros. Así que la construí.

Lo que empezó como un script de fin de semana se fue convirtiendo en una herramienta con motor CSS propio, soporte de Flexbox Containers, historial, modo oscuro y exportación en ZIP. Y la mejor parte: sigue siendo gratis y siempre lo será.

Filosofía del proyecto

Gratis para siempre

No habrá un plan de pago que quite funcionalidades básicas. La herramienta completa es y será gratuita.

Tu código es tuyo

Todo el procesamiento ocurre en tu navegador. Tu HTML nunca llega a ningún servidor. Privacidad por diseño.

Rendimiento primero

Sin frameworks pesados. Vanilla JS, CSS puro, HTML semántico. Carga instantánea, sin dependencias innecesarias.

Comunidad primero

El roadmap lo decide la comunidad. El feedback del botón "Sugerencias" es lo que guía las próximas versiones.

Tecnología utilizada

HTML5

Estructura semántica, accesibilidad con ARIA, schema.org para SEO.

CSS3

Variables CSS, dark mode nativo, flexbox responsive, animaciones suaves.

JavaScript Vanilla

Sin frameworks. Motor CSS propio con DOMParser, cascada de estilos y normalización de SVG.

JSZip

Generación de archivos ZIP en el navegador para exportación de todos los archivos a la vez.

highlight.js

Syntax highlighting del CSS y JSON de salida para mejor legibilidad.

Ko-fi

Plataforma de soporte para quienes quieran contribuir a mantener el proyecto activo.

Roadmap 2025

Estas son las funcionalidades planeadas. El orden depende del feedback de la comunidad:

  • ✓ Lanzado
    Motor CSS con cascada de 3 niveles Inline, bloques <style> y herencia de padre
  • ✓ Lanzado
    Flexbox Containers Soporte completo del sistema moderno de Elementor
  • ✓ Lanzado
    Historial + modo oscuro + exportación ZIP Experiencia de usuario completa
  • 📋 Planeado
    Pack de templates HTML listos Plantillas de hero, pricing, testimonios y más para convertir
  • 📋 Planeado
    CSS Grid → Elementor Grid Mapeo de grid-template-columns al sistema Grid nativo de Elementor 3.8+
  • 📋 Planeado
    Conversión por lotes Múltiples archivos HTML a la vez en un único ZIP
  • 💡 Idea
    Plugin de WordPress Convertir directamente desde el editor de WordPress

Cómo apoyar el proyecto

Mantener y mejorar esta herramienta lleva tiempo. Si te ha sido útil, hay varias formas de apoyarla:

Invítame a un café

La forma más directa de apoyar el desarrollo. Cada café cuenta y motiva a seguir mejorando la herramienta.

Ko-fi

Comparte la herramienta

Recomiéndala en comunidades de WordPress, diseñadores web o redes sociales. El boca a boca es lo que más ayuda.

Da feedback

Usa el botón "Feedback" en la herramienta para votar funcionalidades o reportar bugs. Tu opinión forma el roadmap.

Contacto