Define la UI una vez.
Renderiza donde quieras.
as-ui es un estándar de abstracción de UI propuesto. Una descripción independiente del framework de componentes y layouts que renderiza de forma nativa en React, Vue, Svelte, Angular y más. Escribe la estructura. Elige el framework. Despliega.
Esta página documenta el concepto tal como fue concebido. Es una pre-especificación — un punto de partida para la discusión, no un producto terminado.
Una descripción. Cualquier framework de componentes la renderiza.
El problema
Lock-in de framework
Una UI escrita en React vive en React. Portarla a Vue o Svelte significa reescribir cada componente, cada trozo de lógica, cada estilo.
Divergencia entre equipos
Un equipo construye en React, otro en Vue. Mismo sistema de diseño, mismos componentes — dos implementaciones paralelas. Arreglar un bug significa arreglarlo dos veces.
Trabajo repetido
Cada migración grande de framework empieza desde cero. Las mismas formas de UI se reconstruyen cada vez que un equipo decide cambiar su stack.
El concepto
Un contrato declarativo de UI
as-ui define una descripción estructurada de UI — componentes, composición, props, eventos. La descripción es la fuente de verdad. Los frameworks aportan renderers que traducen la descripción a su propio sistema de componentes.
Renderers por framework
Cada framework soportado tiene un renderer que lee el contrato y produce salida nativa. React obtiene JSX. Vue obtiene SFCs. Svelte obtiene Svelte. Mismo input, salida nativa.
Encaje en el ecosistema
as-ui describe la estructura, as-cssdo describe el estilo. Juntos desacoplan ambas preocupaciones del framework. El contrato de UI apunta a clases CSS semánticas que proporciona cssdo.
frameworkic — la serie de estudios cross-framework — es el banco de pruebas natural para as-ui: la misma app renderizada por cada framework, toda desde una única descripción de UI.
¿Te interesa la idea?
El concepto está en su fase más temprana. Si trabajas en un framework de componentes, un sistema de diseño, o simplemente quieres ver a dónde llega esto — escríbenos.