MallaDocs
InicioInicio rápidoAbrir Malla

Introducción

Malla es un constructor visual de sitios y aplicaciones web: diseña en un lienzo, conecta datos reales y publica en el edge.

Guía de usuario

Malla es un constructor visual de sitios web y aplicaciones web. Reúne el lienzo libre y la animación de Framer, las clases, el CMS y la publicación pensada para SEO de Webflow, y los enlaces de datos y flujos de trabajo de WeWeb, en un solo editor que funciona por completo en el edge de Cloudflare.

Diseñas en un lienzo que renderiza HTML y CSS reales, lo conectas a datos en vivo, agregas lógica con flujos de trabajo visuales y publicas en una red global con un clic. No necesitas escribir código, y nada le impide a un desarrollador ir más a fondo.

Cómo se arma un proyecto en Malla
DiseñaDibuja en el lienzo con clases, tokens y componentes.
ConectaEnlaza el diseño con el CMS, APIs y tablas.
Agrega lógicaConecta clics, formularios y endpoints con flujos de trabajo.
PublicaLanza a staging y luego a producción, con un clic.

Qué puedes construir

Landing pages y portafolios, blogs y documentación, tiendas y directorios, portales de clientes y áreas de miembros, dashboards internos y frontends de pequeños SaaS. Cualquier cosa que sea un conjunto de páginas, algo de contenido, algunos datos y algo de lógica.

Un lienzo libreTodos los puntos de quiebre lado a lado como mesas de trabajo en vivo. Lo que ves es el HTML y CSS reales que se publican.
Un sistema de diseño de verdadClases, clases combinadas y tokens de diseño mantienen consistentes cientos de páginas.
Componentes con variantesConstruye una tarjeta una vez, dale variantes y sobrescribe lo que necesites en cada instancia.
Animación con GSAPAnimaciones al cargar, al hacer scroll, al pasar el cursor y al hacer clic, con el mismo motor que usan sitios premiados.
CMS y formulariosColecciones, texto enriquecido, páginas dinámicas y formularios protegidos contra spam, editables por todo tu equipo.
Datos en vivoEnlaza cualquier texto, estilo o lista a REST, GraphQL, el CMS o tus propias tablas nativas.
Lógica y un backendFlujos de trabajo de cliente y servidor desde un solo editor visual: clics, endpoints, webhooks, crons.
Cuentas de visitantesRegistro, inicio de sesión, enlaces mágicos, roles, acceso a páginas y reglas de datos por fila, incluidos.
Publicación en el edgePublicaciones y reversiones instantáneas en Cloudflare, con staging, producción y tu propio dominio.

Principios

Unas pocas reglas dan forma a todo el producto. Conocerlas hace que el resto de esta documentación sea más fácil de seguir.

  • Lo que ves es lo que se publica. El lienzo y el sitio publicado usan el mismo renderizador, así que el editor nunca miente sobre el resultado.
  • CSS real, HTML real. Los estilos son propiedades CSS normales agrupadas por punto de quiebre y estado. No hay un modelo de layout propietario que aprender.
  • Cero JavaScript por defecto. Las páginas estáticas se publican como HTML y CSS simples. Solo las partes que enlazan datos, ejecutan flujos de trabajo o animan cargan un pequeño runtime.
  • Los secretos nunca llegan al navegador. Las claves de API y los tokens viven cifrados en el servidor; el navegador solo llama a Malla.
  • Nada evalúa tus cadenas de texto. Las expresiones se analizan e interpretan de forma segura, nunca se pasan a eval.
  • Lo integrado son plugins. REST, GraphQL y el CMS usan el mismo sistema de plugins que impulsa todo lo demás.

Cómo está organizada esta documentación

Las guías explican cada función desde el punto de vista del editor. Las páginas de referencia listan cada función, acción y atajo. La sección para desarrolladores explica cómo está construida la plataforma y cómo ejecutarla.

Inicio rápidoCrea un sitio, diseña una página, agrega contenido y publícala en unos diez minutos.Conceptos básicosEspacios de trabajo, sitios, páginas, nodos, clases, tokens, puntos de quiebre y entornos en una sola página.Recorrido por el editorLa barra de herramientas, la barra lateral izquierda, el lienzo, el inspector y los espacios de trabajo, y para qué sirve cada uno.Visión general de la arquitecturaLos Workers, los almacenes de datos y los seis principios sobre los que se construye toda la plataforma.