Slim is still Xuda. It just starts from smaller inputs.
The fastest way to understand Slim is to stop thinking of it as a separate framework. It is the same Xuda
runtime you already know, but exposed in a lighter browser path that boots from HTML templates, inline
project_data, or plugin/runtime pages.
High-level product view
Use xuda.io when you want the platform story.
This site is for understanding how Xuda fits together: platform positioning, Slim examples,
and how CLI compares to Slim before you drop into implementation details.
Technical implementation
Use xuda.io/technical-docs when you want technical source docs.
The technical docs site publishes the crawler-friendly HTML and raw markdown for Xuda CLI and
Xuda Slim, so both developers and AI tools can work from the same documentation set.
Slim is comfortable with three practical starts: HTML-authored templates, inline project_data,
and runtime/plugin pages that load the slim bundle and mount custom code. The important point is that all
three still end up inside the same session, datasource, and render machinery.
Minimal boot
new xuda(document.getElementById("app"), {
domain: "dev.xuda.ai",
prog_id: "demo",
project_data
});
Authoring model
HTML or progUi describes the DOM shape. Datasource fields hold state. Expressions read fields
with @field_name. Xuda tracks those dependencies and refreshes the affected nodes. That is why
Slim feels familiar to HTML authors while still behaving like Xuda rather than a separate local-state
micro-framework.
Directive groups
The examples area is organized the same way: start with core state and output, then move through iteration,
events, advanced runtime helpers, and finally special structural tags.
Group
Description
Special tags
Slim is not only about attributes. xu-panel embeds another Xuda program. xu-teleport
moves children into another DOM target. xu-single-view and xu-multi-view are
structural Xuda view nodes that define how a program screen behaves.
When to choose HTML vs project_data
HTML templates
Choose this when people are authoring by hand.
HTML mode is best for documentation, product pages, embedded marketing surfaces, and quick reactive
prototypes where you want to stay visually close to the DOM.
project_data
Choose this when code or tooling owns the shape.
JSON mode is better when UI is generated, versioned, composed, or emitted by another layer of Xuda or
your own build tooling.
Caveats and expectations
Slim is intentionally small, but it is not a completely separate product. Some directives are structural,
some are runtime-heavy, and some are better documented than they are visually demoed. That is normal for a
runtime layer that is meant to scale upward into larger Xuda programs.
Slim is plugin-free by default in this site. That is why xu-ui-plugin and a few
orchestration-oriented features are shown with careful notes instead of pretending they are simple one-line
DOM tricks.