MallaDocs

Introduction

Malla is a visual builder for websites and web apps: design on a canvas, wire real data, publish to the edge.

User guide

Malla is a visual builder for websites and web apps. It combines the free-form canvas and motion of Framer, the classes, CMS and SEO-first publishing of Webflow, and the data bindings and workflows of WeWeb, in one editor that runs entirely on Cloudflare’s edge.

You design on a canvas that renders real HTML and CSS, wire it to live data, add logic with visual workflows and publish to a global network with one click. No code is required, and nothing stops a developer from going deeper.

How a Malla project comes together
DesignDraw on the canvas with classes, tokens and components.
ConnectBind the design to the CMS, APIs and tables.
Add logicWire clicks, forms and endpoints with workflows.
PublishShip to staging, then production, in one click.

What you can build

Landing pages and portfolios, blogs and documentation, stores and directories, client portals and members areas, internal dashboards and small SaaS front ends. Anything that is a set of pages, some content, some data and some logic.

A free-form canvasEvery breakpoint side by side as live artboards. What you see is the real HTML and CSS that ships.
A real design systemClasses, combo classes and design tokens keep hundreds of pages consistent.
Components with variantsBuild a card once, give it variants, and override what you need per instance.
Motion by GSAPLoad, scroll, hover and click animations on the same engine award-winning sites use.
CMS and formsCollections, rich text, dynamic pages and spam-protected forms, editable by your whole team.
Live dataBind any text, style or list to REST, GraphQL, the CMS or your own native tables.
Logic and a backendClient and server workflows from one visual editor: clicks, endpoints, webhooks, crons.
Visitor accountsSign-up, login, magic links, roles, page access and per-row data rules, built in.
Edge publishingInstant publishes and rollbacks on Cloudflare, with staging, production and your own domain.

Principles

A few rules shape every part of the product. Knowing them makes the rest of these docs easier to follow.

  • What you see is what ships. The canvas and the published site run the same renderer, so the editor never lies about the result.
  • Real CSS, real HTML. Styles are plain CSS properties grouped by breakpoint and state. There is no proprietary layout model to learn.
  • Zero JavaScript by default. Static pages ship as plain HTML and CSS. Only parts that bind data, run workflows or animate load a small runtime.
  • Secrets never reach the browser. API keys and tokens live encrypted on the server; the browser only ever calls Malla.
  • Nothing evaluates your strings. Expressions are parsed and interpreted safely, never passed to eval.
  • Built-ins are plugins. REST, GraphQL and the CMS use the same plugin system that powers everything else.

How these docs are organized

The guides explain each feature from the editor’s point of view. The reference pages list every function, action and shortcut. The developer section explains how the platform is built and how to run it.