Editor visual de animaciones HTML/CSS: lienzo con artboards, timeline con keyframes, inspector de propiedades y acciones sin código. App para Windows, macOS, Linux y Android. Publicás en la web con Export HTML, o enviás un .ihtml — un documento interactivo que se abre con IHTML Mirror y se puede seguir editando.
Descargar
App de escritorio y Android. Instalás una vez y funciona sin conexión.
En Android se instala IHTML Mirror (abre y ejecuta un .ihtml); el editor completo es de
escritorio. iOS: próximamente. ¿Preferís correrlo desde el código? Ver «Cómo empezar».
Características
Del timeline con keyframes a la física real: animación web profesional, en una sola ventana.
Varias animaciones nombradas e independientes, auto-keyframe (REC), easing visual, marcadores de acción y portapapeles por teclado.
Escenas dentro de un mismo lienzo, cada una con su tamaño y fondo; Páginas navegables con transiciones al exportar.
Design, Data, Actions y Física: layout, tipografía con buscador de fuentes web, degradados con línea libre sobre el lienzo (se muestra sola, un solo clic), picker de color fusionado en el mismo popover, estados hover/active, clases CSS y más.
Click, hover, tecla, scroll, delay… para mostrar/ocultar, animar, reproducir timelines, setear variables, ir a páginas y más.
Rectángulos, elipses, polígonos y paths dibujados con Pen: se exportan como <svg> real,
con edición de nodos, operaciones booleanas y morphing por keyframes.
Interfaz traducible (EN, ES, PT, FR, DE, IT, JA, ZH) y seis temas, entre claros y oscuros. Son preferencias del editor, nunca del archivo exportado.
El motor de animación posiciona con transform (compositor/GPU) en vez de
left/top — tanto en el editor como en el HTML exportado.
window.ihtmlDocument: controlá las animaciones, variables y acciones del resultado exportado
desde tu propio script o un <iframe>.
Servidor MCP real: Claude Code (u otro cliente MCP) controla el editor ya abierto directo — crea y edita elementos, cambia breakpoints, ajusta el lienzo y exporta, sin simular clics.
Importa .ihtml (y .json viejos), HTML suelto, SVG y diseños de Sketch, Penpot y
EPUB. Exporta HTML único o separado, imagen (PNG/WebP/JPEG), GIF y video.
Más de 50 tipos de elemento: textos, botones, inputs, tarjetas, navbar, pricing, tabs, sliders, canvas, video, iframes… con propiedades HTML reales por tipo.
Así se ve
Lienzo, línea de tiempo e inspector en una sola ventana. Sin paneles flotantes que perseguir.
El formato
Un .html para publicar en la web, o un .ihtml para enviar un documento interactivo que
se abre con IHTML Mirror.
Un .html estándar (único o separado en CSS+JS), con el motor de animación embebido. Funciona en
cualquier navegador y hosting, o dentro de un <iframe>.
.ihtml → IHTML MirrorEl archivo que enviás: lleva el proyecto entero (elementos, animaciones, acciones, fuentes, imágenes y video). Quien lo recibe lo abre con IHTML Mirror, la app gratuita — escritorio o Android.
.ihtml se re-editaEse archivo es a la vez el resultado y la fuente: lo reabrís en el Editor y seguís exactamente donde lo dejaste. Sin proyecto suelto que perder.
IHTML Mirror
Mirror abre y ejecuta un .ihtml. Pensalo como un PDF — pero con animación, interacción y
control de quién lo abre y hasta cuándo.
Propuestas, catálogos, informes, onboarding — y publicidad interactiva sin internet: la llevás en un pendrive a una feria, un stand o un local y se abre igual. Enviás un archivo, no un enlace.
Material para pacientes, consentimientos informados y guías de procedimiento: animados, claros y en el
idioma que haga falta. El .ihtml no depende de una web que pueda caerse.
Libros y apuntes interactivos, ejercicios y presentaciones de clase. El alumno los abre sin cuenta; con texto real y roles ARIA, funcionan con lectores de pantalla y navegación por teclado.
Cada .ihtml es público, semiprivado o privado (cifrado con contraseña,
AES-256). Con fecha de caducidad opcional para material que no debería circular para siempre.
El archivo lleva fuentes, imágenes y video incrustados. Una vez que tenés Mirror, se abre offline: ni CDN, ni fuentes que no cargan, ni enlaces rotos.
IHTML Mirror no cuesta nada — como un lector de PDF. El creador se suscribe para exportar; el destinatario solo instala Mirror y abre.
Precio
El editor es gratis. La suscripción habilita exportar. Cancelás cuando quieras.
Gratis
US$0
.html e .ihtml.ihtmlCompleto
US$4 /mes
.ihtmlTambién US$36 al año (dos meses gratis). Hasta 2 dispositivos. Tus archivos quedan siempre en tu equipo.
Primeros pasos
Descargás, instalás y ya estás diseñando. No hace falta cuenta ni conexión.
.ihtml). Para la web, Export HTML;
para enviar un documento, un .ihtml que se abre con IHTML Mirror y se puede
volver a editar.
¿Preferís correrlo desde el código? Cloná el repo y:
npm install npm run dev
Abrí la URL que imprime Vite. Para empaquetar la app de escritorio: npm run tauri:build.
Documentación
Todo sobre el editor: interfaz, vectores, artboards, timeline, acciones, física, exportación, atajos de teclado y la API pública en tiempo de ejecución.
Preguntas frecuentes
Lo esencial de IHTML en cuatro respuestas cortas.
IHTML (Interactive HTML) es un editor visual de animaciones HTML/CSS: lienzo con artboards, timeline con keyframes, inspector de propiedades y acciones sin código. Es una app de escritorio para Windows, macOS y Linux, y una app para Android; también se puede correr desde el código en el navegador.
Sí: el editor es gratis y podés exportar imágenes (PNG, WebP y JPEG). La suscripción de US$4 al mes — o US$36 al año — habilita el import y export de archivos .html e .ihtml y la exportación de GIF y video; el plan Gratis no exporta HTML.
Es el formato de documento de IHTML: lleva el proyecto completo incrustado (elementos, animaciones,
acciones, fuentes, imágenes y video). Se abre y se ejecuta con IHTML Mirror, la app gratuita para
escritorio y Android, y el mismo archivo se reabre en el Editor para seguir editando. Para publicar en la
web se usa Export HTML, que genera un .html estándar.
Sí: un .ihtml se abre con IHTML Mirror (gratis, Windows/macOS/Linux/Android). Es como un lector
de PDF — quien recibe el archivo instala Mirror una vez y ya. Si en cambio querés que se vea en
cualquier navegador sin instalar nada, exportá con Export HTML en vez de .ihtml.
No. Los proyectos viven en tu equipo y el editor funciona sin conexión; no hay cuentas ni backend. El HTML exportado funciona en cualquier hosting o como archivo único. La app incluye telemetría de diagnóstico opcional (errores y versión, nunca el contenido de tus proyectos) que se puede desactivar en Configuración.