Getting started

Yuntu Editor brings visual editing, AI-assisted changes, review, and developer handoff into a local project. Start with a small page, check it in preview, then export it for your development workflow.

Before you begin

The current beta is validated on Windows x64. These guides describe the current beta workflow; labels and available options may differ between builds. Public installation links and final system requirements are still being prepared. Use the distribution supplied for your beta rather than an unverified download.

AI assistance is optional. It requires a compatible external client, a working connection to Yuntu, and model access from your provider. You can edit local pages without an AI connection.

Create your first project

1. Open Yuntu Editor. If the first-run account screen offers a try-first option, you can use it to explore local editing. It does not provision an online account.
2. Use the project management menu to create a project, choose its local directory, and give it a name.
3. Open its initial page, or use the project's add-page action to create one. Check the target project and directory before confirming.
4. Add a container and a text element. Select each element to adjust its position, size, and appearance.
5. Wait for the editor to finish saving. Keep the project directory and its related files together.

Editable project and page documents use .yt files. A project is more than a screenshot or a single exported HTML file. Read Projects and saving before moving it to another computer.

Make a useful first page

Start with one heading, a short description, and a button. Use the layer tree to select the correct object and the property controls to make precise changes. Add local assets only when they help explain the page.

Keep your first layout simple. A page that looks correct at one size still needs review at the sizes you intend to ship. Read Design and layout for the editing workflow.

Check and hand off

Open preview to inspect the page without editing decorations. Check text, layout, assets, and any supported interactions you have configured. A visible button does not automatically have application behavior.

Open the project's export action to create a standard JSON handoff package. For generated code, enable a compatible generation program and check its supported content first. Exporting a package, generating code, building an application, and publishing it are separate steps.

Continue with Preview and animation or Export and generation.