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. Convertir sigue siendo gratis. El plan Pro existe para quien exporta mucho, y es lo que mantiene el proyecto en marcha.
Filosofía del proyecto
Convertir siempre será gratis
Convertir y ver la vista previa no tendrán límite nunca. Pro solo quita el tope de exportaciones diarias y los anuncios.
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 «Feedback» es lo que guía las próximas versiones.
Tecnología utilizada
Estructura semántica, accesibilidad con ARIA, schema.org para SEO.
Variables CSS, dark mode nativo, flexbox responsive, animaciones suaves.
Sin frameworks. Motor CSS propio con DOMParser, cascada de estilos y normalización de SVG.
Generación de archivos ZIP en el navegador para exportación de todos los archivos a la vez.
Syntax highlighting del CSS y JSON de salida para mejor legibilidad.
Plataforma de soporte para quienes quieran contribuir a mantener el proyecto activo.
Hoja de ruta
Estas son las funcionalidades planeadas. El orden depende del feedback de la comunidad:
-
Hecho
Motor CSS con cascada de 3 niveles Inline, bloques <style> y herencia de padre
-
Hecho
Flexbox Containers Soporte completo del sistema moderno de Elementor
-
Hecho
Historial, modo oscuro y exportación ZIP Para trabajar páginas enteras sin perder nada
-
Hecho
Biblioteca de ejemplos 14 plantillas HTML listas para convertir
-
Hecho
Versión en inglés La herramienta y la web, en los dos idiomas
-
En pruebas
Exportación a Elementor V4 (Pro) Widgets atómicos y clases globales del editor nuevo
-
Planeado
CSS Grid → Elementor Grid Mapeo de grid-template-columns al Grid nativo de Elementor
-
Planeado
Conversión por lotes Varios 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: