Editor

A tour of the Meno Studio editing surface — the canvas, structure tree, components, properties and style panels, and the AI assistant.

The structure tree shows your page's node hierarchy. Select, reorder, nest, and rename the elements and components that make up a page.

Use the visual Style panel to set layout, spacing, type, color, and states. Everything you set is written into the element's style() call.

The properties panel edits the selected node — a component's props, an element's attributes and content, data bindings, and visibility.

Meno Studio's built-in AI assistant can read your project and make edits — pages, components, styles, and content — right in the editor.

Preview and publish your project from Meno — how drafts become live content, and how to publish to Meno hosting or deploy the site yourself.

A reference of Meno Studio keyboard shortcuts for editing, navigation, and view, with Mac and Windows keys.